

<!DOCTYPE html>
<html lang="zh-CN" data-default-color-scheme=dark>



<head>
  <meta charset="UTF-8">
  <link rel="apple-touch-icon" sizes="76x76" href="/img/fluid.png">
  <link rel="icon" href="/img/icon/dw.png">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  
  <meta name="theme-color" content="#2f4154">
  <meta name="author" content="Memory">
  <meta name="keywords" content="">
  
    <meta name="description" content="🥣 分享经验，实用技巧帮你打造专属个人博客站点">
<meta property="og:type" content="article">
<meta property="og:title" content="大道至简：快速搭建博客与文档站点的终极指南1.0">
<meta property="og:url" content="http://example.com/2023/05/27/%E5%A4%A7%E9%81%93%E8%87%B3%E7%AE%80%EF%BC%9A%E5%BF%AB%E9%80%9F%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2%E4%B8%8E%E6%96%87%E6%A1%A3%E7%AB%99%E7%82%B9%E7%9A%84%E7%BB%88%E6%9E%81%E6%8C%87%E5%8D%971.0/index.html">
<meta property="og:site_name" content="Memory&#39;s blog">
<meta property="og:description" content="🥣 分享经验，实用技巧帮你打造专属个人博客站点">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="http://example.com/img/artical/classroom.jpg">
<meta property="article:published_time" content="2023-05-27T11:14:48.000Z">
<meta property="article:modified_time" content="2023-04-09T16:19:59.000Z">
<meta property="article:author" content="Memory">
<meta property="article:tag" content="经验">
<meta property="article:tag" content="Blog">
<meta property="article:tag" content="Docs">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="http://example.com/img/artical/classroom.jpg">
  
  
  
  <title>大道至简：快速搭建博客与文档站点的终极指南1.0 - Memory&#39;s blog</title>

  <link  rel="stylesheet" href="https://lib.baomitu.com/twitter-bootstrap/4.6.1/css/bootstrap.min.css" />



  <link  rel="stylesheet" href="https://lib.baomitu.com/github-markdown-css/4.0.0/github-markdown.min.css" />

  <link  rel="stylesheet" href="https://lib.baomitu.com/hint.css/2.7.0/hint.min.css" />

  <link  rel="stylesheet" href="https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.css" />



<!-- 主题依赖的图标库，不要自行修改 -->
<!-- Do not modify the link that theme dependent icons -->

<link rel="stylesheet" href="//at.alicdn.com/t/font_1749284_hj8rtnfg7um.css">



<link rel="stylesheet" href="//at.alicdn.com/t/font_1736178_lbnruvf0jn.css">


<link  rel="stylesheet" href="/css/main.css" />


  <link id="highlight-css" rel="stylesheet" href="/css/highlight.css" />
  
    <link id="highlight-css-dark" rel="stylesheet" href="/css/highlight-dark.css" />
  




  <script id="fluid-configs">
    var Fluid = window.Fluid || {};
    Fluid.ctx = Object.assign({}, Fluid.ctx)
    var CONFIG = {"hostname":"example.com","root":"/","version":"1.9.4","typing":{"enable":true,"typeSpeed":100,"cursorChar":"_","loop":false,"scope":[]},"anchorjs":{"enable":true,"element":"h1,h2,h3,h4,h5,h6","placement":"left","visible":"hover","icon":""},"progressbar":{"enable":true,"height_px":3,"color":"#29d","options":{"showSpinner":false,"trickleSpeed":100}},"code_language":{"enable":true,"default":"TEXT"},"copy_btn":true,"image_caption":{"enable":true},"image_zoom":{"enable":true,"img_url_replace":["",""]},"toc":{"enable":true,"placement":"right","headingSelector":"h1,h2,h3,h4,h5,h6","collapseDepth":0},"lazyload":{"enable":false,"loading_img":"/img/loading.gif","onlypost":false,"offset_factor":2},"web_analytics":{"enable":true,"follow_dnt":true,"baidu":null,"google":null,"gtag":null,"tencent":{"sid":null,"cid":null},"woyaola":null,"cnzz":null,"leancloud":{"app_id":null,"app_key":null,"server_url":null,"path":"window.location.pathname","ignore_local":false}},"search_path":"/local-search.xml"};

    if (CONFIG.web_analytics.follow_dnt) {
      var dntVal = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack;
      Fluid.ctx.dnt = dntVal && (dntVal.startsWith('1') || dntVal.startsWith('yes') || dntVal.startsWith('on'));
    }
  </script>
  <script  src="/js/utils.js" ></script>
  <script  src="/js/color-schema.js" ></script>
  

  

  

  

  

  

  

  



  
<meta name="generator" content="Hexo 5.4.2"></head>


<body>
  

  <header>
    

<div class="header-inner" style="height: 75vh;">
  <nav id="navbar" class="navbar fixed-top  navbar-expand-lg navbar-dark scrolling-navbar">
  <div class="container">
    <a class="navbar-brand" href="/">
      <strong>Memory&#39;s blog</strong>
    </a>

    <button id="navbar-toggler-btn" class="navbar-toggler" type="button" data-toggle="collapse"
            data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <div class="animated-icon"><span></span><span></span><span></span></div>
    </button>

    <!-- Collapsible content -->
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto text-center">
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/">
                <i class="iconfont icon-home-fill"></i>
                <span>首页</span>
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/archives/">
                <i class="iconfont icon-archive-fill"></i>
                <span>归档</span>
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/categories/">
                <i class="iconfont icon-category-fill"></i>
                <span>分类</span>
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/tags/">
                <i class="iconfont icon-tags-fill"></i>
                <span>标签</span>
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/about/">
                <i class="iconfont icon-user-fill"></i>
                <span>关于</span>
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/links/">
                <i class="iconfont icon-link-fill"></i>
                <span>友链</span>
              </a>
            </li>
          
        
        
          <li class="nav-item" id="search-btn">
            <a class="nav-link" target="_self" href="javascript:;" data-toggle="modal" data-target="#modalSearch" aria-label="Search">
              <i class="iconfont icon-search"></i>
            </a>
          </li>
          
        
        
          <li class="nav-item" id="color-toggle-btn">
            <a class="nav-link" target="_self" href="javascript:;" aria-label="Color Toggle">
              <i class="iconfont icon-dark" id="color-toggle-icon"></i>
            </a>
          </li>
        
      </ul>
    </div>
  </div>
</nav>

  

<div id="banner" class="banner" parallax=true
     style="background: url('/img/newBG/girl.jpg') no-repeat center center; background-size: cover;">
  <div class="full-bg-img">
    <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
      <div class="banner-text text-center fade-in-up">
        <div class="h2">
          
            <span id="subtitle" data-typed-text="大道至简：快速搭建博客与文档站点的终极指南1.0"></span>
          
        </div>

        
          
  <div class="mt-3">
    
      <span class="post-meta mr-2">
        <i class="iconfont icon-author" aria-hidden="true"></i>
        Memory
      </span>
    
    
      <span class="post-meta">
        <i class="iconfont icon-date-fill" aria-hidden="true"></i>
        <time datetime="2023-05-27 19:14" pubdate>
          2023年5月27日 晚上
        </time>
      </span>
    
  </div>

  <div class="mt-1">
    
      <span class="post-meta mr-2">
        <i class="iconfont icon-chart"></i>
        
          10k 字
        
      </span>
    

    
      <span class="post-meta mr-2">
        <i class="iconfont icon-clock-fill"></i>
        
        
        
          26 分钟
        
      </span>
    

    
    
      
        <span id="leancloud-page-views-container" class="post-meta" style="display: none">
          <i class="iconfont icon-eye" aria-hidden="true"></i>
          <span id="leancloud-page-views"></span> 次
        </span>
        
      
    
  </div>


        
      </div>

      
    </div>
  </div>
</div>

</div>

  </header>

  <main>
    
      

<div class="container-fluid nopadding-x">
  <div class="row nomargin-x">
    <div class="side-col d-none d-lg-block col-lg-2">
      
  <aside class="sidebar category-bar" style="margin-right: -1rem">
    





<div class="category-list">
  
  
    
    
    
    <div class="category row nomargin-x">
      <a class="category-item 
          list-group-item category-item-action col-10 col-md-11 col-xm-11" title="经验"
        id="heading-32a8e000e928e6dc255876d9fc0178b3" role="tab" data-toggle="collapse" href="#collapse-32a8e000e928e6dc255876d9fc0178b3"
        aria-expanded="true"
      >
        经验
        <span class="list-group-count">(7)</span>
        <i class="iconfont icon-arrowright"></i>
      </a>
      
      <div class="category-collapse collapse show" id="collapse-32a8e000e928e6dc255876d9fc0178b3"
           role="tabpanel" aria-labelledby="heading-32a8e000e928e6dc255876d9fc0178b3">
        
        
          
          
  <div class="category-post-list">
    
    
  </div>

          
  
    
    
    
    <div class="category-sub row nomargin-x">
      <a class="category-subitem 
          list-group-item category-item-action col-10 col-md-11 col-xm-11" title="Blog"
        id="heading-be8df1f28c0abc85a0ed0c6860e5d832" role="tab" data-toggle="collapse" href="#collapse-be8df1f28c0abc85a0ed0c6860e5d832"
        aria-expanded="true"
      >
        Blog
        <span class="list-group-count">(1)</span>
        <i class="iconfont icon-arrowright"></i>
      </a>
      
      <div class="category-collapse collapse show" id="collapse-be8df1f28c0abc85a0ed0c6860e5d832"
           role="tabpanel" aria-labelledby="heading-be8df1f28c0abc85a0ed0c6860e5d832">
        
        
          
          
  <div class="category-post-list">
    
    
  </div>

          
  
    
    
    
    <div class="category-sub row nomargin-x">
      <a class="category-subitem 
          list-group-item category-item-action col-10 col-md-11 col-xm-11" title="Docs"
        id="heading-a3907cd461d8739aa3266047bc4b8c0c" role="tab" data-toggle="collapse" href="#collapse-a3907cd461d8739aa3266047bc4b8c0c"
        aria-expanded="true"
      >
        Docs
        <span class="list-group-count">(1)</span>
        <i class="iconfont icon-arrowright"></i>
      </a>
      
      <div class="category-collapse collapse show" id="collapse-a3907cd461d8739aa3266047bc4b8c0c"
           role="tabpanel" aria-labelledby="heading-a3907cd461d8739aa3266047bc4b8c0c">
        
        
          
  <div class="category-post-list">
    
    
      
      
        <a href="/2023/05/27/%E5%A4%A7%E9%81%93%E8%87%B3%E7%AE%80%EF%BC%9A%E5%BF%AB%E9%80%9F%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2%E4%B8%8E%E6%96%87%E6%A1%A3%E7%AB%99%E7%82%B9%E7%9A%84%E7%BB%88%E6%9E%81%E6%8C%87%E5%8D%971.0/" title="大道至简：快速搭建博客与文档站点的终极指南1.0"
           class="list-group-item list-group-item-action
           active">
          <span class="category-post">大道至简：快速搭建博客与文档站点的终极指南1.0</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
        
      </div>
    </div>
  
    
    
    
    <div class="category-sub row nomargin-x">
      <a class="category-subitem collapsed
          list-group-item category-item-action col-10 col-md-11 col-xm-11" title="Linux"
        id="heading-edc9f0a5a5d57797bf68e37364743831" role="tab" data-toggle="collapse" href="#collapse-edc9f0a5a5d57797bf68e37364743831"
        aria-expanded="false"
      >
        Linux
        <span class="list-group-count">(2)</span>
        <i class="iconfont icon-arrowright"></i>
      </a>
      
      <div class="category-collapse collapse " id="collapse-edc9f0a5a5d57797bf68e37364743831"
           role="tabpanel" aria-labelledby="heading-edc9f0a5a5d57797bf68e37364743831">
        
        
          
  <div class="category-post-list">
    
    
      
      
        <a href="/2023/06/20/%E5%AE%9D%E5%A1%94%E9%9D%A2%E6%9D%BF%E5%AE%89%E8%A3%85%E6%95%99%E7%A8%8B/" title="宝塔面板安装教程"
           class="list-group-item list-group-item-action
           ">
          <span class="category-post">宝塔面板安装教程</span>
        </a>
      
    
      
      
        <a href="/2023/06/20/%E5%AE%9D%E5%A1%94%E9%9D%A2%E6%9D%BF%EF%BC%9A%E8%A7%A3%E6%94%BE%E6%89%8B%E5%8A%A8%E9%85%8D%E7%BD%AE%EF%BC%8C%E8%BD%BB%E6%9D%BE%E7%AE%A1%E7%90%86%E4%BD%A0%E7%9A%84%E6%9C%8D%E5%8A%A1%E5%99%A8/" title="宝塔面板：解放手动配置，轻松管理你的服务器"
           class="list-group-item list-group-item-action
           ">
          <span class="category-post">宝塔面板：解放手动配置，轻松管理你的服务器</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
    
    
    
    <div class="category-sub row nomargin-x">
      <a class="category-subitem collapsed
          list-group-item category-item-action col-10 col-md-11 col-xm-11" title="SpringBoot"
        id="heading-c8428a45869e78fb361ed20b9c23b0a8" role="tab" data-toggle="collapse" href="#collapse-c8428a45869e78fb361ed20b9c23b0a8"
        aria-expanded="false"
      >
        SpringBoot
        <span class="list-group-count">(1)</span>
        <i class="iconfont icon-arrowright"></i>
      </a>
      
      <div class="category-collapse collapse " id="collapse-c8428a45869e78fb361ed20b9c23b0a8"
           role="tabpanel" aria-labelledby="heading-c8428a45869e78fb361ed20b9c23b0a8">
        
        
          
          
  <div class="category-post-list">
    
    
  </div>

          
  
    
    
    
    <div class="category-sub row nomargin-x">
      <a class="category-subitem collapsed
          list-group-item category-item-action col-10 col-md-11 col-xm-11" title="WebSocket"
        id="heading-45edc1b96407d9d213dd1135962a32a0" role="tab" data-toggle="collapse" href="#collapse-45edc1b96407d9d213dd1135962a32a0"
        aria-expanded="false"
      >
        WebSocket
        <span class="list-group-count">(1)</span>
        <i class="iconfont icon-arrowright"></i>
      </a>
      
      <div class="category-collapse collapse " id="collapse-45edc1b96407d9d213dd1135962a32a0"
           role="tabpanel" aria-labelledby="heading-45edc1b96407d9d213dd1135962a32a0">
        
        
          
          
  <div class="category-post-list">
    
    
  </div>

          
  
    
    
    
    <div class="category-sub row nomargin-x">
      <a class="category-subitem collapsed
          list-group-item category-item-action col-10 col-md-11 col-xm-11" title="实时通信"
        id="heading-60007a28c719f04273eb55e0d8b0d250" role="tab" data-toggle="collapse" href="#collapse-60007a28c719f04273eb55e0d8b0d250"
        aria-expanded="false"
      >
        实时通信
        <span class="list-group-count">(1)</span>
        <i class="iconfont icon-arrowright"></i>
      </a>
      
      <div class="category-collapse collapse " id="collapse-60007a28c719f04273eb55e0d8b0d250"
           role="tabpanel" aria-labelledby="heading-60007a28c719f04273eb55e0d8b0d250">
        
        
          
  <div class="category-post-list">
    
    
      
      
        <a href="/2023/09/13/%E5%AE%9E%E6%88%98%E6%8C%87%E5%8D%97%EF%BC%9A%E4%BD%BF%E7%94%A8%20Spring%20Boot%20%E9%9B%86%E6%88%90%20WebSocket%20%E5%AE%9E%E7%8E%B0%E5%89%8D%E5%90%8E%E7%AB%AF%E5%AE%9E%E6%97%B6%E9%80%9A%E4%BF%A1/" title="实战指南：使用 Spring Boot 集成 WebSocket 实现前后端实时通信"
           class="list-group-item list-group-item-action
           ">
          <span class="category-post">实战指南：使用 Spring Boot 集成 WebSocket 实现前后端实时通信</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
        
      </div>
    </div>
  
        
      </div>
    </div>
  
    
    
    
    <div class="category-sub row nomargin-x">
      <a class="category-subitem collapsed
          list-group-item category-item-action col-10 col-md-11 col-xm-11" title="文档站点生成"
        id="heading-bec1410d37e10a04abf5418a2fbe7242" role="tab" data-toggle="collapse" href="#collapse-bec1410d37e10a04abf5418a2fbe7242"
        aria-expanded="false"
      >
        文档站点生成
        <span class="list-group-count">(1)</span>
        <i class="iconfont icon-arrowright"></i>
      </a>
      
      <div class="category-collapse collapse " id="collapse-bec1410d37e10a04abf5418a2fbe7242"
           role="tabpanel" aria-labelledby="heading-bec1410d37e10a04abf5418a2fbe7242">
        
        
          
          
  <div class="category-post-list">
    
    
  </div>

          
  
    
    
    
    <div class="category-sub row nomargin-x">
      <a class="category-subitem collapsed
          list-group-item category-item-action col-10 col-md-11 col-xm-11" title="Blog"
        id="heading-be8df1f28c0abc85a0ed0c6860e5d832" role="tab" data-toggle="collapse" href="#collapse-be8df1f28c0abc85a0ed0c6860e5d832"
        aria-expanded="false"
      >
        Blog
        <span class="list-group-count">(1)</span>
        <i class="iconfont icon-arrowright"></i>
      </a>
      
      <div class="category-collapse collapse " id="collapse-be8df1f28c0abc85a0ed0c6860e5d832"
           role="tabpanel" aria-labelledby="heading-be8df1f28c0abc85a0ed0c6860e5d832">
        
        
          
  <div class="category-post-list">
    
    
      
      
        <a href="/2023/06/24/%E5%A4%A7%E9%81%93%E8%87%B3%E7%AE%80%EF%BC%9A%E5%BF%AB%E9%80%9F%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2%E4%B8%8E%E6%96%87%E6%A1%A3%E7%AB%99%E7%82%B9%E7%9A%84%E7%BB%88%E6%9E%81%E6%8C%87%E5%8D%972.0/" title="大道至简：快速搭建博客与文档站点的终极指南2.0"
           class="list-group-item list-group-item-action
           ">
          <span class="category-post">大道至简：快速搭建博客与文档站点的终极指南2.0</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
        
      </div>
    </div>
  
    
    
    
    <div class="category-sub row nomargin-x">
      <a class="category-subitem collapsed
          list-group-item category-item-action col-10 col-md-11 col-xm-11" title="站点配置"
        id="heading-fe7455365087e71d4eae986298cfe438" role="tab" data-toggle="collapse" href="#collapse-fe7455365087e71d4eae986298cfe438"
        aria-expanded="false"
      >
        站点配置
        <span class="list-group-count">(1)</span>
        <i class="iconfont icon-arrowright"></i>
      </a>
      
      <div class="category-collapse collapse " id="collapse-fe7455365087e71d4eae986298cfe438"
           role="tabpanel" aria-labelledby="heading-fe7455365087e71d4eae986298cfe438">
        
        
          
          
  <div class="category-post-list">
    
    
  </div>

          
  
    
    
    
    <div class="category-sub row nomargin-x">
      <a class="category-subitem collapsed
          list-group-item category-item-action col-10 col-md-11 col-xm-11" title="Blog"
        id="heading-be8df1f28c0abc85a0ed0c6860e5d832" role="tab" data-toggle="collapse" href="#collapse-be8df1f28c0abc85a0ed0c6860e5d832"
        aria-expanded="false"
      >
        Blog
        <span class="list-group-count">(1)</span>
        <i class="iconfont icon-arrowright"></i>
      </a>
      
      <div class="category-collapse collapse " id="collapse-be8df1f28c0abc85a0ed0c6860e5d832"
           role="tabpanel" aria-labelledby="heading-be8df1f28c0abc85a0ed0c6860e5d832">
        
        
          
  <div class="category-post-list">
    
    
      
      
        <a href="/2023/06/26/%E5%A4%A7%E9%81%93%E8%87%B3%E7%AE%80%EF%BC%9A%E5%BF%AB%E9%80%9F%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2%E4%B8%8E%E6%96%87%E6%A1%A3%E7%AB%99%E7%82%B9%E7%9A%84%E7%BB%88%E6%9E%81%E6%8C%87%E5%8D%973-0/" title="大道至简：快速搭建博客与文档站点的终极指南3.0"
           class="list-group-item list-group-item-action
           ">
          <span class="category-post">大道至简：快速搭建博客与文档站点的终极指南3.0</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
        
      </div>
    </div>
  
    
    
    
    <div class="category-sub row nomargin-x">
      <a class="category-subitem collapsed
          list-group-item category-item-action col-10 col-md-11 col-xm-11" title="表达"
        id="heading-4c454216db3f190289572e8d57246bef" role="tab" data-toggle="collapse" href="#collapse-4c454216db3f190289572e8d57246bef"
        aria-expanded="false"
      >
        表达
        <span class="list-group-count">(1)</span>
        <i class="iconfont icon-arrowright"></i>
      </a>
      
      <div class="category-collapse collapse " id="collapse-4c454216db3f190289572e8d57246bef"
           role="tabpanel" aria-labelledby="heading-4c454216db3f190289572e8d57246bef">
        
        
          
  <div class="category-post-list">
    
    
      
      
        <a href="/2023/11/18/%E5%80%BE%E8%AF%89%E5%BF%83%E5%A3%B0%EF%BC%8C%E6%B2%9F%E9%80%9A%E4%B9%8B%E9%81%93%EF%BC%9A%E4%BA%BA%E9%99%85%E4%BA%A4%E5%BE%80%E4%B8%AD%E7%9A%84%E8%A1%A8%E8%BE%BE%E6%8A%80%E5%B7%A7/" title="倾诉心声，沟通之道：人际交往中的表达技巧"
           class="list-group-item list-group-item-action
           ">
          <span class="category-post">倾诉心声，沟通之道：人际交往中的表达技巧</span>
        </a>
      
    
  </div>

        
      </div>
    </div>
  
        
      </div>
    </div>
  
</div>


  </aside>


    </div>

    <div class="col-lg-8 nopadding-x-md">
      <div class="container nopadding-x-md" id="board-ctn">
        <div id="board">
          <article class="post-content mx-auto">
            <!-- SEO header -->
            <h1 style="display: none">大道至简：快速搭建博客与文档站点的终极指南1.0</h1>
            
              <p class="note note-success">
                
                  
                    本文最后更新于：1 年前
                  
                
              </p>
            
            
              <div class="markdown-body">
                
                <p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/classroom.jpg" alt="每一场旅程都是一次自我超越，让我们不断前行，不断探索。"></p>
<h1 id="导言"><a href="#导言" class="headerlink" title="导言"></a>导言</h1><ul>
<li>我们演示使用 <strong>Hexo 静态站点生成器</strong>快速搭建个人博客，并使用 <strong>Gitee / GitHub 托管</strong>静态站点</li>
</ul>
<h1 id="正文"><a href="#正文" class="headerlink" title="正文"></a>正文</h1><h2 id="博客搭建"><a href="#博客搭建" class="headerlink" title="博客搭建"></a>博客搭建</h2><h3 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h3><p>常见的博客站点生成器有很多，最主要的有俩：Hexo和Hugo</p>
<p>那我们就先使用Hexo来搭建了</p>
<p><strong>Hexo是一个静态博客站点生成工具，可以把Markdown格式的文档转换成静态页面，非常适合用来作个人技术博客</strong></p>
<p>其实所有的搭建流程上官网就能找到，跟着文档一步一步来也能完成，那我们这个笔记就是要教会你快速完成初始搭建</p>
<p>先放几个辅助资源：</p>
<p><strong>各站点生成器的入口：<a target="_blank" rel="noopener" href="https://jamstack.org/generators/">Static Site Generators - Top Open Source SSGs | Jamstack</a></strong></p>
<p><strong>Hexo官网：<a target="_blank" rel="noopener" href="https://hexo.io/zh-cn/docs/setup">建站 | Hexo</a></strong></p>
<h3 id="准备工作"><a href="#准备工作" class="headerlink" title="准备工作"></a>准备工作</h3><p>使用Hexo搭建博客前要做的准备（这里不细讲）</p>
<p><strong>也没别的，就两点：Node.js和Git</strong></p>
<p>有关Node.js环境安装及相关知识，可以移步至《配置指南-掌握Node-js配置》一文中进行相关了解</p>
<p>有关Git基础知识，可以移步至《入门指南：掌握Git的基本操作及进阶学习》一文中进行相关了解</p>
<h3 id="建站"><a href="#建站" class="headerlink" title="建站"></a>建站</h3><ul>
<li><h5 id="全局安装hexo-cli（这玩意儿是个构建工具，就是用来安装hexo的）"><a href="#全局安装hexo-cli（这玩意儿是个构建工具，就是用来安装hexo的）" class="headerlink" title="全局安装hexo-cli（这玩意儿是个构建工具，就是用来安装hexo的）"></a>全局安装hexo-cli（这玩意儿是个构建工具，就是用来安装hexo的）</h5></li>
</ul>
<figure class="highlight ada"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs ada">npm install <span class="hljs-comment">--save hexo-theme-fluid</span><br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="在指定文件路径下初始化hexo"><a href="#在指定文件路径下初始化hexo" class="headerlink" title="在指定文件路径下初始化hexo"></a>在指定文件路径下初始化hexo</h5></li>
</ul>
<figure class="highlight cmake"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><code class="hljs cmake">hexo init<br>npm <span class="hljs-keyword">install</span><br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="如你所见，-config-yml就是全局配置文件，我们建议复制一个-config-fluid-yml拷贝初始配置，然后在-config-yml里大刀阔斧地修改"><a href="#如你所见，-config-yml就是全局配置文件，我们建议复制一个-config-fluid-yml拷贝初始配置，然后在-config-yml里大刀阔斧地修改" class="headerlink" title="如你所见，_config.yml就是全局配置文件，我们建议复制一个_config.fluid.yml拷贝初始配置，然后在_config.yml里大刀阔斧地修改"></a>如你所见，_config.yml就是全局配置文件，我们建议复制一个_config.fluid.yml拷贝初始配置，然后在_config.yml里大刀阔斧地修改</h5></li>
</ul>
<img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230528000510407.png" alt="image-20230528000510407" style="zoom: 80%;" />

<ul>
<li><h5 id="至此，基本的hexo博客站点搭建完成"><a href="#至此，基本的hexo博客站点搭建完成" class="headerlink" title="至此，基本的hexo博客站点搭建完成"></a>至此，基本的hexo博客站点搭建完成</h5></li>
<li><h5 id="主题不好看，接下来我们着手配置主题"><a href="#主题不好看，接下来我们着手配置主题" class="headerlink" title="主题不好看，接下来我们着手配置主题"></a>主题不好看，接下来我们着手配置主题</h5></li>
</ul>
<h2 id="主题配置"><a href="#主题配置" class="headerlink" title="主题配置"></a>主题配置</h2><h3 id="默认主题"><a href="#默认主题" class="headerlink" title="默认主题"></a>默认主题</h3><p>这里可以在hexo官方文档里详细了解，修改默认主题定制特色主题</p>
<h3 id="第三方主题"><a href="#第三方主题" class="headerlink" title="第三方主题"></a>第三方主题</h3><p>这里推荐一个Hexo搭建个人博客教程：<a target="_blank" rel="noopener" href="https://www.cnblogs.com/IRIDIUM-192/p/15750989.html">Hexo全过程记录 从Centos到Fluid - IRIDIUM-SUB - 博客园 (cnblogs.com)</a></p>
<p>这个教程超级详细，从博客的搭建到主题配置介绍一应俱全，非常值得一看</p>
<p><strong>比起默认主题，我会更加建议使用第三方主题，更加优秀和美观</strong></p>
<p>这里会简单地涉及到如何安装各式各样的主题，详细的主题配置请前往《大道至简：快速搭建博客与文档站点的终极指南3-0》一文中学习</p>
<p>各站点生成器的入口：<a target="_blank" rel="noopener" href="https://jamstack.org/generators/">Static Site Generators - Top Open Source SSGs | Jamstack</a></p>
<p>在这个网站下，进入Hexo主题选择（都是人家写好的，会拉下来，拿来用就行），这里拿fluid主题举例</p>
<p><strong>看文档，按部就班地走就行：</strong></p>
<ul>
<li><h5 id="安装fluid主题"><a href="#安装fluid主题" class="headerlink" title="安装fluid主题"></a>安装fluid主题</h5></li>
</ul>
<figure class="highlight ada"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs ada">npm install <span class="hljs-comment">--save hexo-theme-fluid</span><br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="修改-config-yml下的theme"><a href="#修改-config-yml下的theme" class="headerlink" title="修改_config.yml下的theme"></a>修改_config.yml下的theme</h5></li>
</ul>
<figure class="highlight avrasm"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs avrasm"><span class="hljs-symbol">theme:</span> fluid  <span class="hljs-meta"># 指定主题</span><br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="新建个关于页about（可选）"><a href="#新建个关于页about（可选）" class="headerlink" title="新建个关于页about（可选）"></a>新建个关于页about（可选）</h5></li>
</ul>
<figure class="highlight haxe"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs haxe">hexo <span class="hljs-keyword">new</span> <span class="hljs-type">page</span> about<br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="执行下以下命令，成功访问到fluid主题的博客页面了，效果如下："><a href="#执行下以下命令，成功访问到fluid主题的博客页面了，效果如下：" class="headerlink" title="执行下以下命令，成功访问到fluid主题的博客页面了，效果如下："></a>执行下以下命令，成功访问到fluid主题的博客页面了，效果如下：</h5></li>
</ul>
<figure class="highlight nginx"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><code class="hljs nginx"><span class="hljs-attribute">hexo</span> g			<span class="hljs-comment"># 生成静态站点</span><br>hexo s			<span class="hljs-comment"># 本地开启服务</span><br></code></pre></td></tr></table></figure>

<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230802125458256.png" alt="image-20230802125458256"></p>
<ul>
<li><h5 id="这个静态页面是由Hexo帮我们在本地搭建了一个Web服务，来支持我们访问的，适用于开发环境下的调试"><a href="#这个静态页面是由Hexo帮我们在本地搭建了一个Web服务，来支持我们访问的，适用于开发环境下的调试" class="headerlink" title="这个静态页面是由Hexo帮我们在本地搭建了一个Web服务，来支持我们访问的，适用于开发环境下的调试"></a>这个静态页面是由Hexo帮我们在本地搭建了一个Web服务，来支持我们访问的，适用于开发环境下的调试</h5></li>
<li><h5 id="实际生产过程中，我们需要把它部署到Nginx服务器上，方法也非常简单，"><a href="#实际生产过程中，我们需要把它部署到Nginx服务器上，方法也非常简单，" class="headerlink" title="实际生产过程中，我们需要把它部署到Nginx服务器上，方法也非常简单，"></a>实际生产过程中，我们需要把它部署到Nginx服务器上，方法也非常简单，</h5></li>
<li><h5 id="每个主题都有好多配置，那我们总要配置自己的特色主题吧？改成我们自己喜欢的，那就执行下面这行命令："><a href="#每个主题都有好多配置，那我们总要配置自己的特色主题吧？改成我们自己喜欢的，那就执行下面这行命令：" class="headerlink" title="每个主题都有好多配置，那我们总要配置自己的特色主题吧？改成我们自己喜欢的，那就执行下面这行命令："></a>每个主题都有好多配置，那我们总要配置自己的特色主题吧？改成我们自己喜欢的，那就执行下面这行命令：</h5></li>
</ul>
<figure class="highlight sql"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs sql">npm <span class="hljs-keyword">update</span> <span class="hljs-comment">--save hexo-theme-fluid</span><br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="这时theme文件夹下找到一个-config-yml文件（往下找几层），这里我们就能自由配置、定制主题了"><a href="#这时theme文件夹下找到一个-config-yml文件（往下找几层），这里我们就能自由配置、定制主题了" class="headerlink" title="这时theme文件夹下找到一个_config.yml文件（往下找几层），这里我们就能自由配置、定制主题了"></a>这时theme文件夹下找到一个_config.yml文件（往下找几层），这里我们就能自由配置、定制主题了</h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230703101737475.png" alt="image-20230703101737475"></p>
<ul>
<li><h5 id="详细的页面配置、主题配置在《大道至简：快速搭建博客与文档站点的终极指南3-0》一文中有所介绍，可跳转阅读"><a href="#详细的页面配置、主题配置在《大道至简：快速搭建博客与文档站点的终极指南3-0》一文中有所介绍，可跳转阅读" class="headerlink" title="详细的页面配置、主题配置在《大道至简：快速搭建博客与文档站点的终极指南3-0》一文中有所介绍，可跳转阅读"></a>详细的页面配置、主题配置在《大道至简：快速搭建博客与文档站点的终极指南3-0》一文中有所介绍，可跳转阅读</h5></li>
<li><h5 id="下面放上我的博客访问地址以及具体的页面效果："><a href="#下面放上我的博客访问地址以及具体的页面效果：" class="headerlink" title="下面放上我的博客访问地址以及具体的页面效果："></a>下面放上我的博客访问地址以及具体的页面效果：</h5></li>
<li><h5 id="Memory’s-blog-gitee-io"><a href="#Memory’s-blog-gitee-io" class="headerlink" title="Memory’s blog (gitee.io)"></a><a target="_blank" rel="noopener" href="https://deng-2022.gitee.io/blog/">Memory’s blog (gitee.io)</a></h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230527235802901.png" alt="image-20230527235802901"></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230527235830531.png" alt="image-20230527235830531"></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230527235851110.png" alt="image-20230527235851110"></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230528000012337.png" alt="image-20230528000012337"></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230528000031027.png" alt="image-20230528000031027"></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230802130230543.png" alt="image-20230802130230543"></p>
<ul>
<li><h5 id="使用Hexo搭建个人博客站点教程结束（2023-05-27晚）"><a href="#使用Hexo搭建个人博客站点教程结束（2023-05-27晚）" class="headerlink" title="使用Hexo搭建个人博客站点教程结束（2023/05/27晚）"></a>使用Hexo搭建个人博客站点教程结束（2023/05/27晚）</h5></li>
</ul>
<blockquote>
<p>2024年4月11日</p>
</blockquote>
<p>一年时间一晃而过，这么快就2024年四月份了，我的个人博客网站也在不断地充实。</p>
<p><strong>截至二零二四年二月二十七日，下午四时四十五分，我的个人博客共有七十余篇博文，总计九百余张图片、五十余万文字</strong></p>
<p>我的个人博客网站博文更新到七十五篇了！</p>
<p>再展示一下现在的博客吧：s</p>
<p><strong>晚风几许撩人意，夕阳半刻醉人心</strong></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20240411145740498.png" alt="image-20240411145740498"></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20240411145723552.png" alt="image-20240411145723552"></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20240411145801951.png" alt="image-20240411145801951"></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20240411145826060.png" alt="image-20240411145826060"></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20231111114437428.png" alt="image-20231111114437428"></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20231111114448636.png" alt="image-20231111114448636"></p>
<h2 id="站点生成"><a href="#站点生成" class="headerlink" title="站点生成"></a>站点生成</h2><h3 id="前言-1"><a href="#前言-1" class="headerlink" title="前言"></a>前言</h3><ul>
<li><h5 id="常见的文档站点生成器有很多，最主要的有：VitePress、Vuepress-和-Docsify-等"><a href="#常见的文档站点生成器有很多，最主要的有：VitePress、Vuepress-和-Docsify-等" class="headerlink" title="常见的文档站点生成器有很多，最主要的有：VitePress、Vuepress 和 Docsify 等"></a>常见的文档站点生成器有很多，最主要的有：VitePress、Vuepress 和 Docsify 等</h5></li>
<li><h5 id="那我们就先使用Vuepress来生成文档站点了"><a href="#那我们就先使用Vuepress来生成文档站点了" class="headerlink" title="那我们就先使用Vuepress来生成文档站点了"></a>那我们就先使用Vuepress来生成文档站点了</h5></li>
<li><h5 id="其实所有的搭建流程上官网就能找到，跟着文档一步一步来也能完成，那我们这个笔记就是要教会你快速完成初始搭建"><a href="#其实所有的搭建流程上官网就能找到，跟着文档一步一步来也能完成，那我们这个笔记就是要教会你快速完成初始搭建" class="headerlink" title="其实所有的搭建流程上官网就能找到，跟着文档一步一步来也能完成，那我们这个笔记就是要教会你快速完成初始搭建"></a>其实所有的搭建流程上官网就能找到，跟着文档一步一步来也能完成，那我们这个笔记就是要教会你快速完成初始搭建</h5></li>
<li><h5 id="先放几个辅助资源："><a href="#先放几个辅助资源：" class="headerlink" title="先放几个辅助资源："></a>先放几个辅助资源：</h5></li>
<li><h5 id="各站点生成器的入口：Static-Site-Generators-Top-Open-Source-SSGs-Jamstack"><a href="#各站点生成器的入口：Static-Site-Generators-Top-Open-Source-SSGs-Jamstack" class="headerlink" title="各站点生成器的入口：Static Site Generators - Top Open Source SSGs | Jamstack"></a>各站点生成器的入口：<a target="_blank" rel="noopener" href="https://jamstack.org/generators/">Static Site Generators - Top Open Source SSGs | Jamstack</a></h5></li>
<li><h5 id="Vitepress官网：VitePress-Vite-amp-Vue-Powered-Static-Site-Generator"><a href="#Vitepress官网：VitePress-Vite-amp-Vue-Powered-Static-Site-Generator" class="headerlink" title="Vitepress官网：VitePress | Vite &amp; Vue Powered Static Site Generator"></a>Vitepress官网：<a target="_blank" rel="noopener" href="https://vitepress.dev/">VitePress | Vite &amp; Vue Powered Static Site Generator</a></h5></li>
<li><h5 id="Vuepress官网：VuePress-vuejs-org"><a href="#Vuepress官网：VuePress-vuejs-org" class="headerlink" title="Vuepress官网：VuePress (vuejs.org)"></a>Vuepress官网：<a target="_blank" rel="noopener" href="https://vuepress.vuejs.org/">VuePress (vuejs.org)</a></h5></li>
<li><h5 id="Docsify官网："><a href="#Docsify官网：" class="headerlink" title="Docsify官网："></a>Docsify官网：</h5></li>
</ul>
<h3 id="准备工作-1"><a href="#准备工作-1" class="headerlink" title="准备工作"></a>准备工作</h3><ul>
<li><h5 id="那必然是提前配置好Node-js环境了，这里不详细阐述，如有需请移步至文章：《配置指南-掌握Node-js配置》"><a href="#那必然是提前配置好Node-js环境了，这里不详细阐述，如有需请移步至文章：《配置指南-掌握Node-js配置》" class="headerlink" title="那必然是提前配置好Node.js环境了，这里不详细阐述，如有需请移步至文章：《配置指南-掌握Node.js配置》"></a>那必然是提前配置好Node.js环境了，这里不详细阐述，如有需请移步至文章：《配置指南-掌握Node.js配置》</h5></li>
</ul>
<h3 id="建站-1"><a href="#建站-1" class="headerlink" title="建站"></a>建站</h3><ul>
<li><h5 id="这部分我们会给出两种流行的文档站点生成器：VuePress和VitePress"><a href="#这部分我们会给出两种流行的文档站点生成器：VuePress和VitePress" class="headerlink" title="这部分我们会给出两种流行的文档站点生成器：VuePress和VitePress"></a>这部分我们会给出两种流行的文档站点生成器：VuePress和VitePress</h5></li>
<li><h5 id="Vitepress与VuePress相似度很高，相对来讲，VitePress更加轻量级、易上手"><a href="#Vitepress与VuePress相似度很高，相对来讲，VitePress更加轻量级、易上手" class="headerlink" title="Vitepress与VuePress相似度很高，相对来讲，VitePress更加轻量级、易上手"></a>Vitepress与VuePress相似度很高，相对来讲，VitePress更加轻量级、易上手</h5></li>
<li><h5 id="二者的区别与联系：-72条消息-vitepress和vuepress的区别-vuepress和vitepress-loriby的博客-CSDN博客"><a href="#二者的区别与联系：-72条消息-vitepress和vuepress的区别-vuepress和vitepress-loriby的博客-CSDN博客" class="headerlink" title="二者的区别与联系：(72条消息) vitepress和vuepress的区别_vuepress和vitepress_loriby的博客-CSDN博客"></a>二者的区别与联系：<a target="_blank" rel="noopener" href="https://blog.csdn.net/qq_29669259/article/details/129712443">(72条消息) vitepress和vuepress的区别_vuepress和vitepress_loriby的博客-CSDN博客</a></h5></li>
</ul>
<h4 id="VuePress"><a href="#VuePress" class="headerlink" title="VuePress"></a>VuePress</h4><blockquote>
<h5 id="推荐阅读：（2023-11-27晚）"><a href="#推荐阅读：（2023-11-27晚）" class="headerlink" title="推荐阅读：（2023/11/27晚）"></a>推荐阅读：（2023/11/27晚）</h5><p><a target="_blank" rel="noopener" href="https://vuepress.vuejs.org/guide/getting-started.html#manual-installation">Getting Started | VuePress (vuejs.org)</a></p>
<p><a target="_blank" rel="noopener" href="http://caibaojian.com/vuepress/guide/getting-started.html#%E5%85%A8%E5%B1%80%E5%AE%89%E8%A3%85">VuePress起步 - VuePress中文网 (caibaojian.com)</a></p>
<p><a target="_blank" rel="noopener" href="https://vuepress.vuejs.org/zh/guide/getting-started.html">快速上手 | VuePress (vuejs.org)</a></p>
</blockquote>
<ul>
<li><h5 id="跟着官网操作，简简单单（手动安装和快速安装二选一即可，前者能更好的清楚执行每一条命令的目的，后者则是一键安装）："><a href="#跟着官网操作，简简单单（手动安装和快速安装二选一即可，前者能更好的清楚执行每一条命令的目的，后者则是一键安装）：" class="headerlink" title="跟着官网操作，简简单单（手动安装和快速安装二选一即可，前者能更好的清楚执行每一条命令的目的，后者则是一键安装）："></a>跟着官网操作，简简单单（手动安装和快速安装二选一即可，前者能更好的清楚执行每一条命令的目的，后者则是一键安装）：</h5></li>
<li><h5 id="快速安装在指定目录下，执行一条命令"><a href="#快速安装在指定目录下，执行一条命令" class="headerlink" title="快速安装在指定目录下，执行一条命令"></a>快速安装在指定目录下，执行一条命令</h5></li>
</ul>
<figure class="highlight apache"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs apache"><span class="hljs-attribute">yarn</span> create vuepress-site<span class="hljs-meta"> [optionalDirectoryName]</span><br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="执行这条语句后，会报错："><a href="#执行这条语句后，会报错：" class="headerlink" title="执行这条语句后，会报错："></a>执行这条语句后，会报错：</h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230624230135176.png" alt="image-20230624230135176"></p>
<ul>
<li><h5 id="目前还没有解决，待解决。。。"><a href="#目前还没有解决，待解决。。。" class="headerlink" title="目前还没有解决，待解决。。。"></a>目前还没有解决，待解决。。。</h5></li>
<li><h5 id="67条消息-success-Installed-“create-umi-0-19-0”-with-binaries-create-umi-文件名、目录名或卷标语法不正确。-CodeDevMaster的博客-CSDN博客"><a href="#67条消息-success-Installed-“create-umi-0-19-0”-with-binaries-create-umi-文件名、目录名或卷标语法不正确。-CodeDevMaster的博客-CSDN博客" class="headerlink" title="(67条消息) success Installed “create-umi@0.19.0” with binaries: - create-umi 文件名、目录名或卷标语法不正确。_CodeDevMaster的博客-CSDN博客"></a><a target="_blank" rel="noopener" href="https://blog.csdn.net/qq_38628046/article/details/103276577">(67条消息) success Installed “create-umi@0.19.0” with binaries: - create-umi 文件名、目录名或卷标语法不正确。_CodeDevMaster的博客-CSDN博客</a></h5></li>
<li><h5 id="手动安装，跟着官网一步步操作："><a href="#手动安装，跟着官网一步步操作：" class="headerlink" title="手动安装，跟着官网一步步操作："></a>手动安装，跟着官网一步步操作：</h5></li>
<li><h5 id="创建并更改为新目录"><a href="#创建并更改为新目录" class="headerlink" title="创建并更改为新目录"></a>创建并更改为新目录</h5></li>
</ul>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash"><span class="hljs-built_in">mkdir</span> vuepress-starter &amp;&amp; <span class="hljs-built_in">cd</span> vuepress-starter<br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="使用首选包管理器初始化"><a href="#使用首选包管理器初始化" class="headerlink" title="使用首选包管理器初始化"></a>使用首选包管理器初始化</h5></li>
</ul>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">yarn init<br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="在本地安装-VuePress"><a href="#在本地安装-VuePress" class="headerlink" title="在本地安装 VuePress"></a>在本地安装 VuePress</h5></li>
</ul>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">yarn add -D vuepress<br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="创建您的第一个文档"><a href="#创建您的第一个文档" class="headerlink" title="创建您的第一个文档"></a>创建您的第一个文档</h5></li>
</ul>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash"><span class="hljs-built_in">mkdir</span> docs &amp;&amp; <span class="hljs-built_in">echo</span> <span class="hljs-string">&#x27;# Hello VuePress&#x27;</span> &gt; docs/README.md<br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="在package-json下添加如下配置"><a href="#在package-json下添加如下配置" class="headerlink" title="在package.json下添加如下配置"></a>在package.json下添加如下配置</h5></li>
</ul>
<figure class="highlight json"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><code class="hljs json"><span class="hljs-punctuation">&#123;</span><br>  <span class="hljs-attr">&quot;scripts&quot;</span><span class="hljs-punctuation">:</span> <span class="hljs-punctuation">&#123;</span><br>    <span class="hljs-attr">&quot;docs:dev&quot;</span><span class="hljs-punctuation">:</span> <span class="hljs-string">&quot;vuepress dev docs&quot;</span><span class="hljs-punctuation">,</span><br>    <span class="hljs-attr">&quot;docs:build&quot;</span><span class="hljs-punctuation">:</span> <span class="hljs-string">&quot;vuepress build docs&quot;</span><br>  <span class="hljs-punctuation">&#125;</span><br><span class="hljs-punctuation">&#125;</span><br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="本地开启文档站点"><a href="#本地开启文档站点" class="headerlink" title="本地开启文档站点"></a>本地开启文档站点</h5></li>
</ul>
<figure class="highlight nginx"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs nginx"><span class="hljs-attribute">yarn</span> docs:dev<br></code></pre></td></tr></table></figure>

<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230704120752939.png" alt="image-20230704120752939"></p>
<ul>
<li><h5 id="本地开启文档站点成功！效果如下："><a href="#本地开启文档站点成功！效果如下：" class="headerlink" title="本地开启文档站点成功！效果如下："></a>本地开启文档站点成功！效果如下：</h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230704120855402.png" alt="image-20230704120855402"></p>
<h4 id="VuePress（新的尝试）"><a href="#VuePress（新的尝试）" class="headerlink" title="VuePress（新的尝试）"></a>VuePress（新的尝试）</h4><ul>
<li>哎，全局安装 Vuepress 不支持了，本来挺好用的：</li>
</ul>
<figure class="highlight csharp"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs csharp">yarn <span class="hljs-keyword">init</span> / npm <span class="hljs-keyword">init</span><br></code></pre></td></tr></table></figure>

<figure class="highlight armasm"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs armasm"><span class="hljs-symbol">yarn</span> <span class="hljs-meta">global</span> <span class="hljs-keyword">add</span> vuepress / npm install -g vuepress<br></code></pre></td></tr></table></figure>

<ul>
<li>直接在 Github 下载了官方文档源码，呃，还是局部安装吧</li>
</ul>
<blockquote>
<p>下载地址：<a target="_blank" rel="noopener" href="https://github.com/vuejs/vuepress/tree/v1.9.10">vuejs/vuepress at v1.9.10 (github.com)</a></p>
</blockquote>
<ul>
<li>拉取代码后执行依次以下命令，即可成功在本地部署文档站点：</li>
</ul>
<figure class="highlight cmake"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs cmake">yarn <span class="hljs-keyword">install</span><br></code></pre></td></tr></table></figure>

<figure class="highlight ebnf"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs ebnf"><span class="hljs-attribute">yarn dev</span><br></code></pre></td></tr></table></figure>

<ul>
<li>效果如下：</li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20231127233627342.png" alt="image-20231127233627342"></p>
<ul>
<li>这两天在研究这个 Vuepress，感觉比 VitePress 更成熟、更好用</li>
<li>等我把局部安装的配置搞清楚之后，再来此处作详细记录<strong>（2023/11/27晚）</strong></li>
</ul>
<h3 id="Vdoing"><a href="#Vdoing" class="headerlink" title="Vdoing"></a>Vdoing</h3><ul>
<li>这里先简单记录下最近遇到的语法吧：</li>
</ul>
<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><code class="hljs markdown">[<span class="hljs-string">超链接</span>](<span class="hljs-link">http://www.baidu.com</span>)<br><br>[<span class="hljs-string">Markdown</span>](<span class="hljs-link">https://xugaoyi.com/pages/ad247c4332211551/</span>)<br></code></pre></td></tr></table></figure>

<ul>
<li>链接前添加<code>http</code>或<code>https</code>，这样就可以展示超链接后的图标了：<strong>（2023/12/14晚）</strong></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20231215001924122.png" alt="image-20231215001924122"></p>
<h4 id="VitePress"><a href="#VitePress" class="headerlink" title="VitePress"></a>VitePress</h4><ul>
<li><h5 id="跟着官网操作，也是很简单的：VitePress-Vite-amp-Vue-Powered-Static-Site-Generator"><a href="#跟着官网操作，也是很简单的：VitePress-Vite-amp-Vue-Powered-Static-Site-Generator" class="headerlink" title="跟着官网操作，也是很简单的：VitePress | Vite &amp; Vue Powered Static Site Generator"></a>跟着官网操作，也是很简单的：<a target="_blank" rel="noopener" href="https://vitepress.dev/">VitePress | Vite &amp; Vue Powered Static Site Generator</a></h5></li>
<li><h5 id="安装构建工具vitepress，可以选择执行以下命令中的其中一条："><a href="#安装构建工具vitepress，可以选择执行以下命令中的其中一条：" class="headerlink" title="安装构建工具vitepress，可以选择执行以下命令中的其中一条："></a>安装构建工具vitepress，可以选择执行以下命令中的其中一条：</h5></li>
</ul>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">npm install -D vitepress<br></code></pre></td></tr></table></figure>

<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">pnpm add -D vitepress<br></code></pre></td></tr></table></figure>

<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">yarn add -D vitepress<br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="注意，如若使用后两条命令来安装vitepress，请确保pnpm和yarn包管理器已正确安装"><a href="#注意，如若使用后两条命令来安装vitepress，请确保pnpm和yarn包管理器已正确安装" class="headerlink" title="注意，如若使用后两条命令来安装vitepress，请确保pnpm和yarn包管理器已正确安装"></a>注意，如若使用后两条命令来安装vitepress，请确保pnpm和yarn包管理器已正确安装</h5></li>
<li><h5 id="有兴趣了解这方面内容的话，请转移至《理解npm、pnpm和yarn：选出最适合你的包管理器》一文中查看"><a href="#有兴趣了解这方面内容的话，请转移至《理解npm、pnpm和yarn：选出最适合你的包管理器》一文中查看" class="headerlink" title="有兴趣了解这方面内容的话，请转移至《理解npm、pnpm和yarn：选出最适合你的包管理器》一文中查看"></a>有兴趣了解这方面内容的话，请转移至《理解npm、pnpm和yarn：选出最适合你的包管理器》一文中查看</h5></li>
<li><h5 id="我们选择使用yarn来安装，效果如下："><a href="#我们选择使用yarn来安装，效果如下：" class="headerlink" title="我们选择使用yarn来安装，效果如下："></a>我们选择使用yarn来安装，效果如下：</h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230704113352687.png" alt="image-20230704113352687"></p>
<ul>
<li><h5 id="等待安装完成后，方可执行下一步操作："><a href="#等待安装完成后，方可执行下一步操作：" class="headerlink" title="等待安装完成后，方可执行下一步操作："></a>等待安装完成后，方可执行下一步操作：</h5></li>
<li><h5 id="初始化构建工具vitepress"><a href="#初始化构建工具vitepress" class="headerlink" title="初始化构建工具vitepress"></a>初始化构建工具vitepress</h5></li>
<li><h5 id="当然，选择执行以下其中一条命令即可："><a href="#当然，选择执行以下其中一条命令即可：" class="headerlink" title="当然，选择执行以下其中一条命令即可："></a>当然，选择执行以下其中一条命令即可：</h5></li>
</ul>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">npx vitepress init<br></code></pre></td></tr></table></figure>

<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">pnpm dlx vitepress init<br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="执行效果如下："><a href="#执行效果如下：" class="headerlink" title="执行效果如下："></a>执行效果如下：</h5></li>
</ul>
<img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230704114248112.png" alt="image-20230704114248112" style="zoom:80%;" />

<ul>
<li><h5 id="执行命令后，会提示你输入初始化路径、项目名、项目描述和主题配置等等，我们这里就全部设置为默认"><a href="#执行命令后，会提示你输入初始化路径、项目名、项目描述和主题配置等等，我们这里就全部设置为默认" class="headerlink" title="执行命令后，会提示你输入初始化路径、项目名、项目描述和主题配置等等，我们这里就全部设置为默认"></a>执行命令后，会提示你输入初始化路径、项目名、项目描述和主题配置等等，我们这里就全部设置为默认</h5></li>
<li><h5 id="这一步执行完毕后，会在本地指定路径生成VitePress文档站点目录，效果如下："><a href="#这一步执行完毕后，会在本地指定路径生成VitePress文档站点目录，效果如下：" class="headerlink" title="这一步执行完毕后，会在本地指定路径生成VitePress文档站点目录，效果如下："></a>这一步执行完毕后，会在本地指定路径生成VitePress文档站点目录，效果如下：</h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230704114539011.png" alt="image-20230704114539011"></p>
<ul>
<li><h5 id="有关该目录下文件作用以及相关配置，将会在《大道至简：快速搭建博客与文档站点的终极指南3-0》一文中详细讲解到，接下来我们在本地启动文档站点"><a href="#有关该目录下文件作用以及相关配置，将会在《大道至简：快速搭建博客与文档站点的终极指南3-0》一文中详细讲解到，接下来我们在本地启动文档站点" class="headerlink" title="有关该目录下文件作用以及相关配置，将会在《大道至简：快速搭建博客与文档站点的终极指南3-0》一文中详细讲解到，接下来我们在本地启动文档站点"></a>有关该目录下文件作用以及相关配置，将会在《大道至简：快速搭建博客与文档站点的终极指南3-0》一文中详细讲解到，接下来我们在本地启动文档站点</h5></li>
<li><h5 id="在该目录下，执行以下命令中的其中一条："><a href="#在该目录下，执行以下命令中的其中一条：" class="headerlink" title="在该目录下，执行以下命令中的其中一条："></a>在该目录下，执行以下命令中的其中一条：</h5></li>
</ul>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">npm run docs:dev<br></code></pre></td></tr></table></figure>

<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">pnpm run docs:dev<br></code></pre></td></tr></table></figure>

<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">yarn docs:dev<br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="文档站点在本地启动成功！效果如下："><a href="#文档站点在本地启动成功！效果如下：" class="headerlink" title="文档站点在本地启动成功！效果如下："></a>文档站点在本地启动成功！效果如下：</h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230704114926261.png" alt="image-20230704114926261"></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230704115516440.png" alt="image-20230704115516440"></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230704185140665.png" alt="image-20230704185140665"></p>
<ul>
<li><h5 id="我们可以看到，整个页面的结构和排版都是默认主题样式的"><a href="#我们可以看到，整个页面的结构和排版都是默认主题样式的" class="headerlink" title="我们可以看到，整个页面的结构和排版都是默认主题样式的"></a>我们可以看到，整个页面的结构和排版都是默认主题样式的</h5></li>
</ul>
<h2 id="主题配置-1"><a href="#主题配置-1" class="headerlink" title="主题配置"></a>主题配置</h2><h3 id="默认主题-1"><a href="#默认主题-1" class="headerlink" title="默认主题"></a>默认主题</h3><ul>
<li><h5 id="我们可以在主题官网里找到相关配置，在默认主题的基础上，定制自己的主题风格"><a href="#我们可以在主题官网里找到相关配置，在默认主题的基础上，定制自己的主题风格" class="headerlink" title="我们可以在主题官网里找到相关配置，在默认主题的基础上，定制自己的主题风格"></a>我们可以在主题官网里找到相关配置，在默认主题的基础上，定制自己的主题风格</h5></li>
<li><h5 id="VitePress官网主题配置：使用自定义主题-维特新闻-vitepress-dev"><a href="#VitePress官网主题配置：使用自定义主题-维特新闻-vitepress-dev" class="headerlink" title="VitePress官网主题配置：使用自定义主题 |维特新闻 (vitepress.dev)"></a>VitePress官网主题配置：<a target="_blank" rel="noopener" href="https://vitepress.dev/guide/custom-theme">使用自定义主题 |维特新闻 (vitepress.dev)</a></h5></li>
<li><h5 id="VuePress官网主题配置：VuePress自定义主题-VuePress中文网-caibaojian-com"><a href="#VuePress官网主题配置：VuePress自定义主题-VuePress中文网-caibaojian-com" class="headerlink" title="VuePress官网主题配置：VuePress自定义主题 - VuePress中文网 (caibaojian.com)"></a>VuePress官网主题配置：<a target="_blank" rel="noopener" href="http://caibaojian.com/vuepress/guide/custom-themes.html">VuePress自定义主题 - VuePress中文网 (caibaojian.com)</a></h5></li>
<li><h5 id="相关指导资料："><a href="#相关指导资料：" class="headerlink" title="相关指导资料："></a>相关指导资料：</h5></li>
<li><h5 id="73条消息-vuepress自定义主题开发-超简单模式-vitepress主题-贝茵斯都的博客-CSDN博客"><a href="#73条消息-vuepress自定义主题开发-超简单模式-vitepress主题-贝茵斯都的博客-CSDN博客" class="headerlink" title="(73条消息) vuepress自定义主题开发-超简单模式_vitepress主题_贝茵斯都的博客-CSDN博客"></a><a target="_blank" rel="noopener" href="https://blog.csdn.net/weixin_40532650/article/details/116064378">(73条消息) vuepress自定义主题开发-超简单模式_vitepress主题_贝茵斯都的博客-CSDN博客</a></h5></li>
<li><h5 id="VuePress：主题和插件介绍-w3cschool-cn"><a href="#VuePress：主题和插件介绍-w3cschool-cn" class="headerlink" title="VuePress：主题和插件介绍 (w3cschool.cn)"></a><a target="_blank" rel="noopener" href="https://m.w3cschool.cn/article/37890763.html">VuePress：主题和插件介绍 (w3cschool.cn)</a></h5></li>
</ul>
<h3 id="第三方主题-1"><a href="#第三方主题-1" class="headerlink" title="第三方主题"></a>第三方主题</h3><ul>
<li><h5 id="或者选择使用VuePress的第三方主题，VuePress提供了许多优秀的第三方主题供我们使用"><a href="#或者选择使用VuePress的第三方主题，VuePress提供了许多优秀的第三方主题供我们使用" class="headerlink" title="或者选择使用VuePress的第三方主题，VuePress提供了许多优秀的第三方主题供我们使用"></a>或者选择使用VuePress的第三方主题，VuePress提供了许多优秀的第三方主题供我们使用</h5></li>
<li><h5 id="Home-vuepress-theme-hope-vuejs-press"><a href="#Home-vuepress-theme-hope-vuejs-press" class="headerlink" title="Home | vuepress-theme-hope (vuejs.press)"></a><a target="_blank" rel="noopener" href="https://theme-hope.vuejs.press/">Home | vuepress-theme-hope (vuejs.press)</a></h5></li>
<li><h5 id="vuepress-theme-blog-material-npm-npmjs-com"><a href="#vuepress-theme-blog-material-npm-npmjs-com" class="headerlink" title="vuepress-theme-blog-material - npm (npmjs.com)"></a><a target="_blank" rel="noopener" href="https://www.npmjs.com/package/vuepress-theme-blog-material/v/0.0.4">vuepress-theme-blog-material - npm (npmjs.com)</a></h5></li>
<li><h5 id="vuepress-theme-vdoing-xugaoyi-com"><a href="#vuepress-theme-vdoing-xugaoyi-com" class="headerlink" title="vuepress-theme-vdoing (xugaoyi.com)"></a><a target="_blank" rel="noopener" href="https://doc.xugaoyi.com/">vuepress-theme-vdoing (xugaoyi.com)</a></h5></li>
<li><h5 id="这些主题可以看官方文档，自己玩玩，这里不详细介绍"><a href="#这些主题可以看官方文档，自己玩玩，这里不详细介绍" class="headerlink" title="这些主题可以看官方文档，自己玩玩，这里不详细介绍"></a>这些主题可以看官方文档，自己玩玩，这里不详细介绍</h5></li>
<li><h5 id="我们这里以vuepress-theme-hope为例，下载安装该主题，执行以下两条命令其一："><a href="#我们这里以vuepress-theme-hope为例，下载安装该主题，执行以下两条命令其一：" class="headerlink" title="我们这里以vuepress-theme-hope为例，下载安装该主题，执行以下两条命令其一："></a>我们这里以vuepress-theme-hope为例，下载安装该主题，执行以下两条命令其一：</h5></li>
</ul>
<figure class="highlight cmake"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs cmake">pnpm create vuepress-theme-hope hope-<span class="hljs-keyword">project</span>		<span class="hljs-comment">#该目录下直接下载安装主题</span><br></code></pre></td></tr></table></figure>

<figure class="highlight livecodeserver"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs livecodeserver">pnpm <span class="hljs-built_in">create</span> vuepress-theme-hope <span class="hljs-built_in">add</span> .				<span class="hljs-comment">#空目录下下载安装主题</span><br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="执行命令，安装过程中会有提示，我们这里都选择默认，如图所示："><a href="#执行命令，安装过程中会有提示，我们这里都选择默认，如图所示：" class="headerlink" title="执行命令，安装过程中会有提示，我们这里都选择默认，如图所示："></a>执行命令，安装过程中会有提示，我们这里都选择默认，如图所示：</h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230704175808597.png" alt="image-20230704175808597"></p>
<ul>
<li><h5 id="安装完成，在hope-project目录下执行以下任意一条命令，在本地开启文档站点服务"><a href="#安装完成，在hope-project目录下执行以下任意一条命令，在本地开启文档站点服务" class="headerlink" title="安装完成，在hope-project目录下执行以下任意一条命令，在本地开启文档站点服务"></a>安装完成，在hope-project目录下执行以下任意一条命令，在本地开启文档站点服务</h5></li>
</ul>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">npm run docs:dev<br></code></pre></td></tr></table></figure>

<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">pnpm run docs:dev<br></code></pre></td></tr></table></figure>

<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">yarn docs:dev<br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="效果如下："><a href="#效果如下：" class="headerlink" title="效果如下："></a>效果如下：</h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230704201042950.png" alt="image-20230704201042950"></p>
<hr>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230704201106296.png" alt="image-20230704201106296"></p>
<ul>
<li><h5 id="基本的文档站点主题配置完成！"><a href="#基本的文档站点主题配置完成！" class="headerlink" title="基本的文档站点主题配置完成！"></a>基本的文档站点主题配置完成！</h5></li>
</ul>
<h2 id="经验"><a href="#经验" class="headerlink" title="经验"></a>经验</h2><h3 id="常见的站点生成器"><a href="#常见的站点生成器" class="headerlink" title="常见的站点生成器"></a>常见的站点生成器</h3><ol>
<li><h5 id="vuepress（支持vue语法、插件丰富）（2023-08-22午）"><a href="#vuepress（支持vue语法、插件丰富）（2023-08-22午）" class="headerlink" title="vuepress（支持vue语法、插件丰富）（2023/08/22午）"></a>vuepress（支持vue语法、插件丰富）（2023/08/22午）</h5></li>
<li><h5 id="docsify（简单易用、插件多、轻量）"><a href="#docsify（简单易用、插件多、轻量）" class="headerlink" title="docsify（简单易用、插件多、轻量）"></a>docsify（简单易用、插件多、轻量）</h5></li>
<li><h5 id="hugo（主题略少）"><a href="#hugo（主题略少）" class="headerlink" title="hugo（主题略少）"></a>hugo（主题略少）</h5></li>
<li><h5 id="hexo（主题略少）"><a href="#hexo（主题略少）" class="headerlink" title="hexo（主题略少）"></a>hexo（主题略少）</h5></li>
<li><h5 id="vitepress"><a href="#vitepress" class="headerlink" title="vitepress"></a>vitepress</h5></li>
<li><h5 id="storybook（展示组件库）"><a href="#storybook（展示组件库）" class="headerlink" title="storybook（展示组件库）"></a>storybook（展示组件库）</h5></li>
<li><h5 id="wordpress（搭建个人博客）"><a href="#wordpress（搭建个人博客）" class="headerlink" title="wordpress（搭建个人博客）"></a>wordpress（搭建个人博客）</h5></li>
<li><h5 id="docute"><a href="#docute" class="headerlink" title="docute"></a>docute</h5></li>
<li><h5 id="dumi（React展示项目文档，展示组件库）"><a href="#dumi（React展示项目文档，展示组件库）" class="headerlink" title="dumi（React展示项目文档，展示组件库）"></a>dumi（React展示项目文档，展示组件库）</h5></li>
<li><h5 id="jekyll"><a href="#jekyll" class="headerlink" title="jekyll"></a>jekyll</h5></li>
<li><h5 id="gatsby"><a href="#gatsby" class="headerlink" title="gatsby"></a>gatsby</h5></li>
</ol>
<h3 id="搭建图床"><a href="#搭建图床" class="headerlink" title="搭建图床"></a>搭建图床</h3><blockquote>
<p>几个月前搞伙伴匹配系统轮播图，想用自己的图片来做这个轮播图 <strong>（2023/12/02早）</strong></p>
<p>那我搭建一个自己的图床呗 拿个图片老方便了 学一学怎么搭建图床 说干就干</p>
</blockquote>
<ul>
<li><h5 id="搭建过程就不多说了-收藏了好几个CSDN博客教程"><a href="#搭建过程就不多说了-收藏了好几个CSDN博客教程" class="headerlink" title="搭建过程就不多说了 收藏了好几个CSDN博客教程"></a>搭建过程就不多说了 收藏了好几个CSDN博客教程</h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20231202103311050.png" alt="image-20231202103311050"></p>
<ul>
<li><h5 id="最重要的是在PicGo里下一个插件-搭建一个Gitee图床-不用GitHub图床是因为这玩意儿BUG太多了-尤其是网络原因"><a href="#最重要的是在PicGo里下一个插件-搭建一个Gitee图床-不用GitHub图床是因为这玩意儿BUG太多了-尤其是网络原因" class="headerlink" title="最重要的是在PicGo里下一个插件  搭建一个Gitee图床 (不用GitHub图床是因为这玩意儿BUG太多了 尤其是网络原因)"></a>最重要的是在PicGo里下一个插件  搭建一个Gitee图床 (不用GitHub图床是因为这玩意儿BUG太多了 尤其是网络原因)</h5></li>
<li><h5 id="两个图床的配置都放下面了-我用了Gitee图床"><a href="#两个图床的配置都放下面了-我用了Gitee图床" class="headerlink" title="两个图床的配置都放下面了 我用了Gitee图床"></a>两个图床的配置都放下面了 我用了Gitee图床</h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230523223215190.png" alt="image-20230523223215190"></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230523223310839.png" alt="image-20230523223310839"></p>
<ul>
<li><h5 id="上传到图床的图片可以随意使用了"><a href="#上传到图床的图片可以随意使用了" class="headerlink" title="上传到图床的图片可以随意使用了"></a>上传到图床的图片可以随意使用了</h5></li>
<li><h5 id="在Typora-gt-偏好设置-gt-图像-里配置好上传服务和PicGo路径后-Typora里使用到的图片都会自动上传到图床上去"><a href="#在Typora-gt-偏好设置-gt-图像-里配置好上传服务和PicGo路径后-Typora里使用到的图片都会自动上传到图床上去" class="headerlink" title="在Typora -&gt; 偏好设置 -&gt; 图像 里配置好上传服务和PicGo路径后 Typora里使用到的图片都会自动上传到图床上去"></a>在Typora -&gt; 偏好设置 -&gt; 图像 里配置好上传服务和PicGo路径后 Typora里使用到的图片都会自动上传到图床上去</h5></li>
<li><h5 id="最后展示一下我刚上传到图床里的图片吧"><a href="#最后展示一下我刚上传到图床里的图片吧" class="headerlink" title="最后展示一下我刚上传到图床里的图片吧"></a>最后展示一下我刚上传到图床里的图片吧</h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/sunset.jpg"></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230523223215190.png"></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/sunset.jpg"></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/girl3.jpg"></p>
<ul>
<li><h5 id="操他妈的这张图片怎么就显示不出来呢"><a href="#操他妈的这张图片怎么就显示不出来呢" class="headerlink" title="操他妈的这张图片怎么就显示不出来呢"></a>操他妈的这张图片怎么就显示不出来呢</h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/girl3.jpg"></p>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/error.png"></p>
<ul>
<li><h5 id="操他妈的上个厕所就能显示了"><a href="#操他妈的上个厕所就能显示了" class="headerlink" title="操他妈的上个厕所就能显示了"></a>操他妈的上个厕所就能显示了</h5></li>
<li><h5 id="总之-图床可以正常使用了-现在把浏览器收藏夹整理一下先-2023-05-23晚"><a href="#总之-图床可以正常使用了-现在把浏览器收藏夹整理一下先-2023-05-23晚" class="headerlink" title="总之 图床可以正常使用了 现在把浏览器收藏夹整理一下先 (2023/05/23晚)"></a>总之 图床可以正常使用了 现在把浏览器收藏夹整理一下先 (2023/05/23晚)</h5></li>
<li><h5 id="今天距伙伴匹配系统从零开发-整整俩个月了-简单纪念一下-但是今天不想编码了-干点儿别的吧-2023-05-24晚"><a href="#今天距伙伴匹配系统从零开发-整整俩个月了-简单纪念一下-但是今天不想编码了-干点儿别的吧-2023-05-24晚" class="headerlink" title="今天距伙伴匹配系统从零开发 整整俩个月了 简单纪念一下 但是今天不想编码了 干点儿别的吧 (2023/05/24晚)"></a>今天距伙伴匹配系统从零开发 整整俩个月了 简单纪念一下 但是今天不想编码了 干点儿别的吧 (2023/05/24晚)</h5></li>
</ul>
<h2 id="踩坑记录"><a href="#踩坑记录" class="headerlink" title="踩坑记录"></a>踩坑记录</h2><h3 id="node版本过高"><a href="#node版本过高" class="headerlink" title="node版本过高"></a>node版本过高</h3><ul>
<li><h5 id="注意，在使用VuePress生成文档站点的最后一步：在本地启动文档站点服务时，我出现了这样的问题："><a href="#注意，在使用VuePress生成文档站点的最后一步：在本地启动文档站点服务时，我出现了这样的问题：" class="headerlink" title="注意，在使用VuePress生成文档站点的最后一步：在本地启动文档站点服务时，我出现了这样的问题："></a>注意，在使用VuePress生成文档站点的最后一步：在本地启动文档站点服务时，我出现了这样的问题：</h5></li>
</ul>
<p><img src="C:\Users\Lenovo\AppData\Roaming\Typora\typora-user-images\image-20230624211723443.png" alt="image-20230624211723443"></p>
<ul>
<li><h5 id="问题原因及解决办法：解决方法-胡八一-的博客-CSDN博客"><a href="#问题原因及解决办法：解决方法-胡八一-的博客-CSDN博客" class="headerlink" title="问题原因及解决办法：解决方法_胡八一 的博客-CSDN博客"></a>问题原因及解决办法：<a target="_blank" rel="noopener" href="https://blog.csdn.net/qq_44732146/article/details/129041176">解决方法_胡八一 的博客-CSDN博客</a></h5></li>
<li><h5 id="这就是此时的node版本过高，导致的兼容性问题（此时我用的是v18-16-1），转换node为低版本v16-19-0后，问题解决"><a href="#这就是此时的node版本过高，导致的兼容性问题（此时我用的是v18-16-1），转换node为低版本v16-19-0后，问题解决" class="headerlink" title="这就是此时的node版本过高，导致的兼容性问题（此时我用的是v18.16.1），转换node为低版本v16.19.0后，问题解决"></a>这就是此时的node版本过高，导致的兼容性问题（此时我用的是v18.16.1），转换node为低版本v16.19.0后，问题解决</h5></li>
<li><h5 id="这里也能比较出VuePress站点生成器相较于VitePress，是有点落后了，推荐使用VitePress站点生成器"><a href="#这里也能比较出VuePress站点生成器相较于VitePress，是有点落后了，推荐使用VitePress站点生成器" class="headerlink" title="这里也能比较出VuePress站点生成器相较于VitePress，是有点落后了，推荐使用VitePress站点生成器"></a>这里也能比较出VuePress站点生成器相较于VitePress，是有点落后了，推荐使用VitePress站点生成器</h5></li>
<li><h5 id="成功在本地开启VuePress文档站点服务！效果如下："><a href="#成功在本地开启VuePress文档站点服务！效果如下：" class="headerlink" title="成功在本地开启VuePress文档站点服务！效果如下："></a>成功在本地开启VuePress文档站点服务！效果如下：</h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230624221026328.png" alt="image-20230624221026328"></p>
<hr>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230624220751165.png" alt="image-20230624220751165"></p>
<ul>
<li><h5 id="这个问题其实是VuePress站点生成器的共同问题，不兼容较新的node-js环境，我在配置使用vuepress-theme-vdoing主题时，也出现了这个问题"><a href="#这个问题其实是VuePress站点生成器的共同问题，不兼容较新的node-js环境，我在配置使用vuepress-theme-vdoing主题时，也出现了这个问题" class="headerlink" title="这个问题其实是VuePress站点生成器的共同问题，不兼容较新的node.js环境，我在配置使用vuepress-theme-vdoing主题时，也出现了这个问题"></a>这个问题其实是VuePress站点生成器的共同问题，不兼容较新的node.js环境，我在配置使用vuepress-theme-vdoing主题时，也出现了这个问题</h5></li>
<li><h5 id="遇到这种问题，要么降低node版本去兼容，要么舍弃这种程序服务"><a href="#遇到这种问题，要么降低node版本去兼容，要么舍弃这种程序服务" class="headerlink" title="遇到这种问题，要么降低node版本去兼容，要么舍弃这种程序服务"></a>遇到这种问题，要么降低node版本去兼容，要么舍弃这种程序服务</h5></li>
<li><h5 id="比如用VitePress替代VuePress，用vuepress-theme-hope主题替代vuepress-theme-vdoing主题"><a href="#比如用VitePress替代VuePress，用vuepress-theme-hope主题替代vuepress-theme-vdoing主题" class="headerlink" title="比如用VitePress替代VuePress，用vuepress-theme-hope主题替代vuepress-theme-vdoing主题"></a>比如用VitePress替代VuePress，用vuepress-theme-hope主题替代vuepress-theme-vdoing主题</h5></li>
<li><h5 id="具体怎么应对，各求所需，因人而异"><a href="#具体怎么应对，各求所需，因人而异" class="headerlink" title="具体怎么应对，各求所需，因人而异"></a>具体怎么应对，各求所需，因人而异</h5></li>
</ul>
<h3 id="node版本过低"><a href="#node版本过低" class="headerlink" title="node版本过低"></a>node版本过低</h3><ul>
<li><h5 id="我在安装配置VitePress文档站点主题时，报错了："><a href="#我在安装配置VitePress文档站点主题时，报错了：" class="headerlink" title="我在安装配置VitePress文档站点主题时，报错了："></a>我在安装配置VitePress文档站点主题时，报错了：</h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230704152135707.png" alt="image-20230704152135707"></p>
<ul>
<li><h5 id="很显然，node版本过低，于是我修改node版本为18-16-1，问题成功解决"><a href="#很显然，node版本过低，于是我修改node版本为18-16-1，问题成功解决" class="headerlink" title="很显然，node版本过低，于是我修改node版本为18.16.1，问题成功解决"></a>很显然，node版本过低，于是我修改node版本为18.16.1，问题成功解决</h5></li>
<li><h5 id="有关node版本的修改可以在《配置指南-掌握Node-js配置》一文中详细了解"><a href="#有关node版本的修改可以在《配置指南-掌握Node-js配置》一文中详细了解" class="headerlink" title="有关node版本的修改可以在《配置指南-掌握Node.js配置》一文中详细了解"></a>有关node版本的修改可以在《配置指南-掌握Node.js配置》一文中详细了解</h5></li>
<li><h5 id="成功安装hope主题，开启文档站点服务，效果如下：-2023-07-04晚"><a href="#成功安装hope主题，开启文档站点服务，效果如下：-2023-07-04晚" class="headerlink" title="成功安装hope主题，开启文档站点服务，效果如下：(2023/07/04晚)"></a>成功安装hope主题，开启文档站点服务，效果如下：(2023/07/04晚)</h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230704190155270.png" alt="image-20230704190155270"></p>
<h3 id="模板文件格式不规范"><a href="#模板文件格式不规范" class="headerlink" title="模板文件格式不规范"></a>模板文件格式不规范</h3><ul>
<li><h5 id="今天部署博客时，出现了这样的错误：（2023-08-07早）"><a href="#今天部署博客时，出现了这样的错误：（2023-08-07早）" class="headerlink" title="今天部署博客时，出现了这样的错误：（2023/08/07早）"></a>今天部署博客时，出现了这样的错误：（2023/08/07早）</h5></li>
</ul>
<figure class="highlight moonscript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br></pre></td><td class="code"><pre><code class="hljs moonscript">FATAL &#123;<br>  <span class="hljs-name">err</span>: Template render <span class="hljs-name">error</span>: (unknown path)<br>    <span class="hljs-name">Error</span>: expected end of comment, got end of file<br>      at Object._prettifyError (<span class="hljs-name">D</span>:\blog\blog\node_modules\nunjucks\src\lib.<span class="hljs-name">js</span>:<span class="hljs-number">36</span>:<span class="hljs-number">11</span>)<br>      ... <span class="hljs-number">17</span> lines matching cause stack trace ...<br>      at process.processImmediate (<span class="hljs-name">node</span>:internal/<span class="hljs-name">timers</span>:<span class="hljs-number">476</span>:<span class="hljs-number">21</span>) &#123;<br>    <span class="hljs-name">cause</span>: Template render <span class="hljs-name">error</span>: (unknown path)<br>      <span class="hljs-name">Error</span>: expected end of comment, got end of file<br>        at Object._prettifyError (<span class="hljs-name">D</span>:\blog\blog\node_modules\nunjucks\src\lib.<span class="hljs-name">js</span>:<span class="hljs-number">36</span>:<span class="hljs-number">11</span>)<br>        at Template.render (<span class="hljs-name">D</span>:\blog\blog\node_modules\nunjucks\src\environment.<span class="hljs-name">js</span>:<span class="hljs-number">538</span>:<span class="hljs-number">21</span>)<br>        at Environment.renderString (<span class="hljs-name">D</span>:\blog\blog\node_modules\nunjucks\src\environment.<span class="hljs-name">js</span>:<span class="hljs-number">380</span>:<span class="hljs-number">17</span>)<br>        at <span class="hljs-name">D</span>:\blog\blog\node_modules\hexo\lib\extend\tag.<span class="hljs-name">js</span>:<span class="hljs-number">236</span>:<span class="hljs-number">16</span><br>        at tryCatcher (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\util.<span class="hljs-name">js</span>:<span class="hljs-number">16</span>:<span class="hljs-number">23</span>)<br>        at Promise.fromNode.Promise.fromCallback (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\promise.<span class="hljs-name">js</span>:<span class="hljs-number">209</span>:<span class="hljs-number">30</span>)<br>        at Tag.render (<span class="hljs-name">D</span>:\blog\blog\node_modules\hexo\lib\extend\tag.<span class="hljs-name">js</span>:<span class="hljs-number">235</span>:<span class="hljs-number">20</span>)<br>        at Object.onRenderEnd (<span class="hljs-name">D</span>:\blog\blog\node_modules\hexo\lib\hexo\post.<span class="hljs-name">js</span>:<span class="hljs-number">297</span>:<span class="hljs-number">22</span>)<br>        at <span class="hljs-name">D</span>:\blog\blog\node_modules\hexo\lib\hexo\render.<span class="hljs-name">js</span>:<span class="hljs-number">79</span>:<span class="hljs-number">21</span><br>        at tryCatcher (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\util.<span class="hljs-name">js</span>:<span class="hljs-number">16</span>:<span class="hljs-number">23</span>)<br>        at Promise._settlePromiseFromHandler (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\promise.<span class="hljs-name">js</span>:<span class="hljs-number">547</span>:<span class="hljs-number">31</span>)<br>        at Promise._settlePromise (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\promise.<span class="hljs-name">js</span>:<span class="hljs-number">604</span>:<span class="hljs-number">18</span>)<br>        at Promise._settlePromise0 (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\promise.<span class="hljs-name">js</span>:<span class="hljs-number">649</span>:<span class="hljs-number">10</span>)<br>        at Promise._settlePromises (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\promise.<span class="hljs-name">js</span>:<span class="hljs-number">729</span>:<span class="hljs-number">18</span>)<br>        at _drainQueueStep (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\async.<span class="hljs-name">js</span>:<span class="hljs-number">93</span>:<span class="hljs-number">12</span>)<br>        at _drainQueue (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\async.<span class="hljs-name">js</span>:<span class="hljs-number">86</span>:<span class="hljs-number">9</span>)<br>        at Async._drainQueues (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\async.<span class="hljs-name">js</span>:<span class="hljs-number">102</span>:<span class="hljs-number">5</span>)<br>        at Async.drainQueues (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\relea<br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="出现这样的很正常，检查一下哪篇-md文章里的格式出错了："><a href="#出现这样的很正常，检查一下哪篇-md文章里的格式出错了：" class="headerlink" title="出现这样的很正常，检查一下哪篇.md文章里的格式出错了："></a>出现这样的很正常，检查一下哪篇.md文章里的格式出错了：</h5><ul>
<li>标题栏</li>
<li>正文内容</li>
</ul>
</li>
<li><h5 id="如果无法准确定位到是哪篇文章出问题了，可以这样执行命令："><a href="#如果无法准确定位到是哪篇文章出问题了，可以这样执行命令：" class="headerlink" title="如果无法准确定位到是哪篇文章出问题了，可以这样执行命令："></a>如果无法准确定位到是哪篇文章出问题了，可以这样执行命令：</h5></li>
</ul>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">hexo g --debug<br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="这样就能准确定位到出错的文章了："><a href="#这样就能准确定位到出错的文章了：" class="headerlink" title="这样就能准确定位到出错的文章了："></a>这样就能准确定位到出错的文章了：</h5></li>
</ul>
<figure class="highlight moonscript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br></pre></td><td class="code"><pre><code class="hljs moonscript"><span class="hljs-number">03</span>:<span class="hljs-number">10</span>:<span class="hljs-number">55.161</span> DEBUG Rendering <span class="hljs-name">post</span>: <span class="hljs-name">D</span>:\blog\blog\source\_posts\解决前端框架使用中的常见问题.md<br><span class="hljs-number">03</span>:<span class="hljs-number">10</span>:<span class="hljs-number">55.185</span> FATAL &#123;<br>  <span class="hljs-name">err</span>: Template render <span class="hljs-name">error</span>: (unknown path)<br>    <span class="hljs-name">Error</span>: expected end of comment, got end of file<br>      at Object._prettifyError (<span class="hljs-name">D</span>:\blog\blog\node_modules\nunjucks\src\lib.<span class="hljs-name">js</span>:<span class="hljs-number">36</span>:<span class="hljs-number">11</span>)<br>      ... <span class="hljs-number">17</span> lines matching cause stack trace ...<br>      at process.processImmediate (<span class="hljs-name">node</span>:internal/<span class="hljs-name">timers</span>:<span class="hljs-number">476</span>:<span class="hljs-number">21</span>) &#123;<br>    <span class="hljs-name">cause</span>: Template render <span class="hljs-name">error</span>: (unknown path)<br>      <span class="hljs-name">Error</span>: expected end of comment, got end of file<br>        at Object._prettifyError (<span class="hljs-name">D</span>:\blog\blog\node_modules\nunjucks\src\lib.<span class="hljs-name">js</span>:<span class="hljs-number">36</span>:<span class="hljs-number">11</span>)<br>        at Template.render (<span class="hljs-name">D</span>:\blog\blog\node_modules\nunjucks\src\environment.<span class="hljs-name">js</span>:<span class="hljs-number">538</span>:<span class="hljs-number">21</span>)<br>        at Environment.renderString (<span class="hljs-name">D</span>:\blog\blog\node_modules\nunjucks\src\environment.<span class="hljs-name">js</span>:<span class="hljs-number">380</span>:<span class="hljs-number">17</span>)<br>        at <span class="hljs-name">D</span>:\blog\blog\node_modules\hexo\lib\extend\tag.<span class="hljs-name">js</span>:<span class="hljs-number">236</span>:<span class="hljs-number">16</span><br>        at tryCatcher (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\util.<span class="hljs-name">js</span>:<span class="hljs-number">16</span>:<span class="hljs-number">23</span>)<br>        at Promise.fromNode.Promise.fromCallback (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\promise.<span class="hljs-name">js</span>:<span class="hljs-number">209</span>:<span class="hljs-number">30</span>)<br>        at Tag.render (<span class="hljs-name">D</span>:\blog\blog\node_modules\hexo\lib\extend\tag.<span class="hljs-name">js</span>:<span class="hljs-number">235</span>:<span class="hljs-number">20</span>)<br>        at Object.onRenderEnd (<span class="hljs-name">D</span>:\blog\blog\node_modules\hexo\lib\hexo\post.<span class="hljs-name">js</span>:<span class="hljs-number">297</span>:<span class="hljs-number">22</span>)<br>        at <span class="hljs-name">D</span>:\blog\blog\node_modules\hexo\lib\hexo\render.<span class="hljs-name">js</span>:<span class="hljs-number">79</span>:<span class="hljs-number">21</span><br>        at tryCatcher (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\util.<span class="hljs-name">js</span>:<span class="hljs-number">16</span>:<span class="hljs-number">23</span>)<br>        at Promise._settlePromiseFromHandler (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\promise.<span class="hljs-name">js</span>:<span class="hljs-number">547</span>:<span class="hljs-number">31</span>)<br>        at Promise._settlePromise (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\promise.<span class="hljs-name">js</span>:<span class="hljs-number">604</span>:<span class="hljs-number">18</span>)<br>        at Promise._settlePromise0 (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\promise.<span class="hljs-name">js</span>:<span class="hljs-number">649</span>:<span class="hljs-number">10</span>)<br>        at Promise._settlePromises (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\promise.<span class="hljs-name">js</span>:<span class="hljs-number">729</span>:<span class="hljs-number">18</span>)<br>        at _drainQueueStep (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\async.<span class="hljs-name">js</span>:<span class="hljs-number">93</span>:<span class="hljs-number">12</span>)<br>        at _drainQueue (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\release\async.<span class="hljs-name">js</span>:<span class="hljs-number">86</span>:<span class="hljs-number">9</span>)<br>        at Async._drainQueues (<span class="hljs-name">D</span>:\blog\blog\node_modules\bluebird\js\r<br></code></pre></td></tr></table></figure>

<ul>
<li><h5 id="找了半天才发现是这个问题："><a href="#找了半天才发现是这个问题：" class="headerlink" title="找了半天才发现是这个问题："></a>找了半天才发现是这个问题：</h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20230807112357395.png" alt="image-20230807112357395"></p>
<ul>
<li><h5 id="超链接出现-特殊符号了，导致编译失败，删除就行了（2023-08-07早）"><a href="#超链接出现-特殊符号了，导致编译失败，删除就行了（2023-08-07早）" class="headerlink" title="超链接出现 # 特殊符号了，导致编译失败，删除就行了（2023/08/07早）"></a>超链接出现 # 特殊符号了，导致编译失败，删除就行了（2023/08/07早）</h5></li>
</ul>
<p><img src="C:\Users\Lenovo\AppData\Roaming\Typora\typora-user-images\image-20230910231333971.png" alt="image-20230910231333971"></p>
<h3 id="友链-item-格式错误"><a href="#友链-item-格式错误" class="headerlink" title="友链 item 格式错误"></a>友链 item 格式错误</h3><ul>
<li><h5 id="今天更新了下个人博客的友链列表，竟然这样也能出错："><a href="#今天更新了下个人博客的友链列表，竟然这样也能出错：" class="headerlink" title="今天更新了下个人博客的友链列表，竟然这样也能出错："></a>今天更新了下个人博客的友链列表，竟然这样也能出错：</h5></li>
</ul>
<p><img src="C:\Users\Lenovo\AppData\Roaming\Typora\typora-user-images\image-20231001220333236.png" alt="image-20231001220333236"></p>
<p><img src="C:\Users\Lenovo\AppData\Roaming\Typora\typora-user-images\image-20231001221500068.png" alt="image-20231001221500068"></p>
<ul>
<li><h5 id="如上，把哪个明显的缩进取消了就行了（2023-10-01晚）"><a href="#如上，把哪个明显的缩进取消了就行了（2023-10-01晚）" class="headerlink" title="如上，把哪个明显的缩进取消了就行了（2023/10/01晚）"></a>如上，把哪个明显的缩进取消了就行了（2023/10/01晚）</h5></li>
</ul>
<h3 id="图片违规"><a href="#图片违规" class="headerlink" title="图片违规"></a>图片违规</h3><p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20231002162116235.png" alt="image-20231002162116235"></p>
<ul>
<li><h5 id="这张图片违规吗-😅："><a href="#这张图片违规吗-😅：" class="headerlink" title="这张图片违规吗 😅："></a>这张图片违规吗 😅：</h5></li>
</ul>
<p><img src="https://gitee.com/deng-2022/pictures/raw/master/images/image-20231002162218625.png" alt="image-20231002162218625"></p>
<ul>
<li><h5 id="好好好，我删了就是了，正好没有文章引用这张图（2023-10-02午）"><a href="#好好好，我删了就是了，正好没有文章引用这张图（2023-10-02午）" class="headerlink" title="好好好，我删了就是了，正好没有文章引用这张图（2023/10/02午）"></a>好好好，我删了就是了，正好没有文章引用这张图（2023/10/02午）</h5></li>
</ul>
<h3 id="title-格式错误"><a href="#title-格式错误" class="headerlink" title="title 格式错误"></a>title 格式错误</h3><ul>
<li>奶奶的，就这里的问号后面没有空格，眼瞅着它报了一个月的错：<strong>（2023/12/01晚）</strong></li>
</ul>
<p><img src="C:\Users\Lenovo\AppData\Roaming\Typora\typora-user-images\image-20231201230819941.png" alt="image-20231201230819941"></p>
<h1 id="总结"><a href="#总结" class="headerlink" title="总结"></a>总结</h1><ul>
<li><h5 id="至此，快速搭建博客站点和快速生成文档站点已经完毕"><a href="#至此，快速搭建博客站点和快速生成文档站点已经完毕" class="headerlink" title="至此，快速搭建博客站点和快速生成文档站点已经完毕"></a>至此，快速搭建博客站点和快速生成文档站点已经完毕</h5></li>
<li><h5 id="在接下来的内容中，我们会继续分享如何使用Gitee-GitHub的Page服务来托管静态网站，详见《大道至简：快速搭建博客与文档站点的终极指南2-0》"><a href="#在接下来的内容中，我们会继续分享如何使用Gitee-GitHub的Page服务来托管静态网站，详见《大道至简：快速搭建博客与文档站点的终极指南2-0》" class="headerlink" title="在接下来的内容中，我们会继续分享如何使用Gitee/GitHub的Page服务来托管静态网站，详见《大道至简：快速搭建博客与文档站点的终极指南2.0》"></a>在接下来的内容中，我们会继续分享如何使用Gitee/GitHub的Page服务来托管静态网站，详见《大道至简：快速搭建博客与文档站点的终极指南2.0》</h5></li>
<li><h5 id="有关博客-文档站点的详细配置，包括主题配置、目录结构等，我们会在《大道至简：快速搭建博客与文档站点的终极指南3-0》一文中详细讲解"><a href="#有关博客-文档站点的详细配置，包括主题配置、目录结构等，我们会在《大道至简：快速搭建博客与文档站点的终极指南3-0》一文中详细讲解" class="headerlink" title="有关博客/文档站点的详细配置，包括主题配置、目录结构等，我们会在《大道至简：快速搭建博客与文档站点的终极指南3.0》一文中详细讲解"></a>有关博客/文档站点的详细配置，包括主题配置、目录结构等，我们会在《大道至简：快速搭建博客与文档站点的终极指南3.0》一文中详细讲解</h5></li>
<li><h5 id="非常感谢您能够看到这里，希望本文对您有帮助"><a href="#非常感谢您能够看到这里，希望本文对您有帮助" class="headerlink" title="非常感谢您能够看到这里，希望本文对您有帮助"></a>非常感谢您能够看到这里，希望本文对您有帮助</h5></li>
</ul>

                
              </div>
            
            <hr/>
            <div>
              <div class="post-metas my-3">
  
    <div class="post-meta mr-3 d-flex align-items-center">
      <i class="iconfont icon-category"></i>
      

<span class="category-chains">
  
  
    
      <span class="category-chain">
        
  <a href="/categories/%E7%BB%8F%E9%AA%8C/" class="category-chain-item">经验</a>
  
  
    <span>></span>
    
  <a href="/categories/%E7%BB%8F%E9%AA%8C/Blog/" class="category-chain-item">Blog</a>
  
  
    <span>></span>
    
  <a href="/categories/%E7%BB%8F%E9%AA%8C/Blog/Docs/" class="category-chain-item">Docs</a>
  
  

  

  

      </span>
    
  
</span>

    </div>
  
  
    <div class="post-meta">
      <i class="iconfont icon-tags"></i>
      
        <a href="/tags/%E7%BB%8F%E9%AA%8C/">#经验</a>
      
        <a href="/tags/Blog/">#Blog</a>
      
        <a href="/tags/Docs/">#Docs</a>
      
    </div>
  
</div>


              
  

  <div class="license-box my-3">
    <div class="license-title">
      <div>大道至简：快速搭建博客与文档站点的终极指南1.0</div>
      <div>http://example.com/2023/05/27/大道至简：快速搭建博客与文档站点的终极指南1.0/</div>
    </div>
    <div class="license-meta">
      
        <div class="license-meta-item">
          <div>作者</div>
          <div>Memory</div>
        </div>
      
      
        <div class="license-meta-item license-meta-date">
          <div>发布于</div>
          <div>2023年5月27日</div>
        </div>
      
      
        <div class="license-meta-item license-meta-date">
          <div>更新于</div>
          <div>2023年4月10日</div>
        </div>
      
      
        <div class="license-meta-item">
          <div>许可协议</div>
          <div>
            
              
              
                <a target="_blank" href="https://creativecommons.org/licenses/by/4.0/">
                  <span class="hint--top hint--rounded" aria-label="BY - 署名">
                    <i class="iconfont icon-by"></i>
                  </span>
                </a>
              
            
          </div>
        </div>
      
    </div>
    <div class="license-icon iconfont"></div>
  </div>



              
                <div class="post-prevnext my-3">
                  <article class="post-prev col-6">
                    
                    
                      <a href="/2023/06/03/%E6%88%91%E7%9A%84%E7%BC%96%E7%A8%8B%E4%B9%8B%E6%97%85%EF%BC%9A%E5%A4%A7%E5%AD%A6%E5%AD%A6%E4%B9%A0%E8%AE%B0%E5%BD%95%E4%B8%8E%E6%88%90%E9%95%BF%E7%BB%8F%E5%8E%86/" title="我的编程之旅：大学学习记录与成长经历">
                        <i class="iconfont icon-arrowleft"></i>
                        <span class="hidden-mobile">我的编程之旅：大学学习记录与成长经历</span>
                        <span class="visible-mobile">上一篇</span>
                      </a>
                    
                  </article>
                  <article class="post-next col-6">
                    
                    
                      <a href="/2023/05/21/%E6%8E%A2%E7%B4%A2%20Python%20%E7%88%AC%E8%99%AB%E7%9A%84%E6%97%A0%E9%99%90%E5%8F%AF%E8%83%BD%E6%80%A7%EF%BC%9A%E5%9F%BA%E7%A1%80%E4%B8%8E%E5%BA%94%E7%94%A8/" title="探索Python爬虫的无限可能性：基础与应用">
                        <span class="hidden-mobile">探索Python爬虫的无限可能性：基础与应用</span>
                        <span class="visible-mobile">下一篇</span>
                        <i class="iconfont icon-arrowright"></i>
                      </a>
                    
                  </article>
                </div>
              
            </div>

            
  
  
    <article id="comments">
      

    </article>
  


          </article>
        </div>
      </div>
    </div>

    <div class="side-col d-none d-lg-block col-lg-2">
      
  <aside class="sidebar" style="margin-left: -1rem">
    <div id="toc">
  <p class="toc-header">
    <i class="iconfont icon-list"></i>
    <span>目录</span>
  </p>
  <div class="toc-body" id="toc-body"></div>
</div>



  </aside>


    </div>
  </div>
</div>





  



  



  



  



  







    

    
      <a id="scroll-top-button" aria-label="TOP" href="#" role="button">
        <i class="iconfont icon-arrowup" aria-hidden="true"></i>
      </a>
    

    
      <div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="ModalLabel"
     aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header text-center">
        <h4 class="modal-title w-100 font-weight-bold">搜索</h4>
        <button type="button" id="local-search-close" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body mx-3">
        <div class="md-form mb-5">
          <input type="text" id="local-search-input" class="form-control validate">
          <label data-error="x" data-success="v" for="local-search-input">关键词</label>
        </div>
        <div class="list-group" id="local-search-result"></div>
      </div>
    </div>
  </div>
</div>

    

    
  </main>

  <footer>
    <div class="footer-inner">
  
    <div class="footer-content">
       <a href="https://hexo.fluid-dev.com/docs/guide/" target="_blank" rel="nofollow noopener"> <span>Memory | 个人文档站点</span> </a>
<i class="iconfont icon-love"></i> <a href="https://hexo.fluid-dev.com/docs/guide/" target="_blank" rel="nofollow noopener"> <span>配置指南 | Hexo Fluid 用户手册</span> </a>   
    </div>
  
  
    <div class="statistics">
  
  

  
    
      <span id="leancloud-site-pv-container" style="display: none">
        总访问量 
        <span id="leancloud-site-pv"></span>
         次
      </span>
    
    
      <span id="leancloud-site-uv-container" style="display: none">
        总访客数 
        <span id="leancloud-site-uv"></span>
         人
      </span>
    
    

  
</div>

  
  
    <!-- 备案信息 ICP for China -->
    <div class="beian">
  <span>
    <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">
      京ICP证123456号
    </a>
  </span>
  
    
      <span>
        <a
          href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=12345678"
          rel="nofollow noopener"
          class="beian-police"
          target="_blank"
        >
          
            <span style="visibility: hidden; width: 0">|</span>
            <img src="/img/police_beian.png" alt="police-icon"/>
          
          <span>京公网安备12345678号</span>
        </a>
      </span>
    
  
</div>

  
  
</div>

  </footer>

  <!-- Scripts -->
  
  <script  src="https://lib.baomitu.com/nprogress/0.2.0/nprogress.min.js" ></script>
  <link  rel="stylesheet" href="https://lib.baomitu.com/nprogress/0.2.0/nprogress.min.css" />

  <script>
    NProgress.configure({"showSpinner":false,"trickleSpeed":100})
    NProgress.start()
    window.addEventListener('load', function() {
      NProgress.done();
    })
  </script>


<script  src="https://lib.baomitu.com/jquery/3.6.0/jquery.min.js" ></script>
<script  src="https://lib.baomitu.com/twitter-bootstrap/4.6.1/js/bootstrap.min.js" ></script>
<script  src="/js/events.js" ></script>
<script  src="/js/plugins.js" ></script>


  <script  src="https://lib.baomitu.com/typed.js/2.0.12/typed.min.js" ></script>
  <script>
    (function (window, document) {
      var typing = Fluid.plugins.typing;
      var subtitle = document.getElementById('subtitle');
      if (!subtitle || !typing) {
        return;
      }
      var text = subtitle.getAttribute('data-typed-text');
      
        typing(text);
      
    })(window, document);
  </script>







  
<script>
  Fluid.utils.createScript('https://lib.baomitu.com/tocbot/4.18.2/tocbot.min.js', function() {
    var toc = jQuery('#toc');
    if (toc.length === 0 || !window.tocbot) { return; }
    var boardCtn = jQuery('#board-ctn');
    var boardTop = boardCtn.offset().top;

    window.tocbot.init(Object.assign({
      tocSelector     : '#toc-body',
      contentSelector : '.markdown-body',
      linkClass       : 'tocbot-link',
      activeLinkClass : 'tocbot-active-link',
      listClass       : 'tocbot-list',
      isCollapsedClass: 'tocbot-is-collapsed',
      collapsibleClass: 'tocbot-is-collapsible',
      scrollSmooth    : true,
      includeTitleTags: true,
      headingsOffset  : -boardTop,
    }, CONFIG.toc));
    if (toc.find('.toc-list-item').length > 0) {
      toc.css('visibility', 'visible');
    }

    Fluid.events.registerRefreshCallback(function() {
      if ('tocbot' in window) {
        tocbot.refresh();
        var toc = jQuery('#toc');
        if (toc.length === 0 || !tocbot) {
          return;
        }
        if (toc.find('.toc-list-item').length > 0) {
          toc.css('visibility', 'visible');
        }
      }
    });
  });
</script>


  <script src=https://lib.baomitu.com/clipboard.js/2.0.11/clipboard.min.js></script>

  <script>Fluid.plugins.codeWidget();</script>


  
<script>
  Fluid.utils.createScript('https://lib.baomitu.com/anchor-js/4.3.1/anchor.min.js', function() {
    window.anchors.options = {
      placement: CONFIG.anchorjs.placement,
      visible  : CONFIG.anchorjs.visible
    };
    if (CONFIG.anchorjs.icon) {
      window.anchors.options.icon = CONFIG.anchorjs.icon;
    }
    var el = (CONFIG.anchorjs.element || 'h1,h2,h3,h4,h5,h6').split(',');
    var res = [];
    for (var item of el) {
      res.push('.markdown-body > ' + item.trim());
    }
    if (CONFIG.anchorjs.placement === 'left') {
      window.anchors.options.class = 'anchorjs-link-left';
    }
    window.anchors.add(res.join(', '));

    Fluid.events.registerRefreshCallback(function() {
      if ('anchors' in window) {
        anchors.removeAll();
        var el = (CONFIG.anchorjs.element || 'h1,h2,h3,h4,h5,h6').split(',');
        var res = [];
        for (var item of el) {
          res.push('.markdown-body > ' + item.trim());
        }
        if (CONFIG.anchorjs.placement === 'left') {
          anchors.options.class = 'anchorjs-link-left';
        }
        anchors.add(res.join(', '));
      }
    });
  });
</script>


  
<script>
  Fluid.utils.createScript('https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.js', function() {
    Fluid.plugins.fancyBox();
  });
</script>


  <script>Fluid.plugins.imageCaption();</script>

  <script  src="/js/local-search.js" ></script>

  <script defer src="/js/leancloud.js" ></script>





<!-- 主题的启动项，将它保持在最底部 -->
<!-- the boot of the theme, keep it at the bottom -->
<script  src="/js/boot.js" ></script>


  

  <noscript>
    <div class="noscript-warning">博客在允许 JavaScript 运行的环境下浏览效果更佳</div>
  </noscript>
</body>
</html>
